คำถามติดแท็ก angularjs

ในรหัสด้านล่างนี้$httpวิธีAngularJS เรียก URL และส่งวัตถุ xsrf เป็น "ขอให้จัดทำข้อมูล" (ตามที่อธิบายไว้ในแท็บเครือข่ายดีบักเกอร์ Chrome) $.ajaxวิธีการjQuery ทำการโทรแบบเดียวกัน แต่ส่ง xsrf เป็น "Data Form" ฉันจะทำให้ AngularJS ส่ง xsrf เป็นข้อมูลแบบฟอร์มแทนที่จะเป็นเพย์โหลดคำขอได้อย่างไร var url = 'http://somewhere.com/'; var xsrf = {fkey: 'xsrf key'}; $http({ method: 'POST', url: url, data: xsrf }).success(function () {}); $.ajax({ type: 'POST', url: url, data: xsrf, dataType: 'json', …

523 ajax  angularjs  post  angular-http 

ฉันเข้าใจng-showและng-hideส่งผลต่อคลาสที่ตั้งค่าไว้บนองค์ประกอบและng-ifควบคุมว่าจะให้องค์ประกอบแสดงผลเป็นส่วนหนึ่งของ DOM หรือไม่ จะมีแนวทางในการเลือกng-ifมากกว่าng-show/ ng-hideหรือในทางกลับกัน?

516 angularjs  angularjs-directive 

คำถามของฉันที่เกี่ยวข้องกับวิธีการเกี่ยวกับการจัดการกับการทำรังที่ซับซ้อนของแม่ (ที่เรียกว่าpartials ) ในโปรแกรมประยุกต์ AngularJS วิธีที่ดีที่สุดในการอธิบายสถานการณ์ของฉันคือภาพที่ฉันสร้างขึ้น: อย่างที่คุณเห็นสิ่งนี้มีความเป็นไปได้ที่จะเป็นแอพพลิเคชั่นที่ค่อนข้างซับซ้อนและมีหลายรุ่นซ้อนกัน แอปพลิเคชันเป็นหน้าเดียวจึงโหลดindex.htmlที่มีองค์ประกอบ div ใน DOM พร้อมกับng-viewแอตทริบิวต์ สำหรับแวดวง 1 , ng-viewคุณจะเห็นว่ามีการนำหลักที่โหลดแม่แบบที่เหมาะสมลงใน ฉันกำลังทำสิ่งนี้โดยส่งผ่าน$routeParamsไปยังโมดูลแอพหลัก นี่คือตัวอย่างของสิ่งที่อยู่ในแอพของฉัน: angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when("/job/:jobId/zones/:zoneId", { controller: JobDetailController, templateUrl: 'assets/job_list_app/templates/zone_edit.html' }). when("/job/:jobId/initial_inspection", { controller: JobDetailController, templateUrl: 'assets/job_list_app/templates/initial_inspection.html' }). when("/job/:jobId/zones/:zoneId/rooms/:roomId", { controller: JobDetailController, templateUrl: 'assets/job_list_app/templates/room_edit.html' }) }]); ในวงกลม 2 , แม่แบบที่ถูกโหลดลงในng-viewมีเพิ่มเติมย่อยนำทาง …

503 javascript  angularjs 

มีวิธีใดบ้างในการแสดงความรู้สึกng-classที่มีเงื่อนไข? ตัวอย่างเช่นฉันได้ลองทำสิ่งต่อไปนี้: <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> ปัญหาของรหัสนี้คือไม่ว่าจะเกิดอะไรobj.value1ขึ้นการทดสอบในชั้นเรียนจะถูกนำไปใช้กับองค์ประกอบเสมอ ทำสิ่งนี้: <span ng-class="{test: obj.value2}">test</span> ตราบobj.value2ใดที่ไม่เท่ากับค่าความจริงชั้นเรียนที่ไม่ได้ใช้ ตอนนี้ฉันสามารถแก้ไขปัญหาในตัวอย่างแรกโดยทำสิ่งนี้: <span ng-class="{test: checkValue1()}">test</span> ที่checkValue1ฟังก์ชั่นมีลักษณะเช่นนี้ $scope.checkValue1 = function() { return $scope.obj.value === 'somevalue'; } ฉันแค่สงสัยว่านี่เป็นวิธีng-classการทำงาน ฉันกำลังสร้างคำสั่งที่กำหนดเองซึ่งฉันต้องการทำสิ่งที่คล้ายกับสิ่งนี้ อย่างไรก็ตามฉันไม่สามารถหาวิธีดูการแสดงออก (และอาจเป็นไปไม่ได้และสาเหตุที่มันเป็นเช่นนี้) นี่คือplnkrเพื่อแสดงสิ่งที่ฉันหมายถึง

499 html  css  angularjs 

ฉันกำลังเขียนแอป AngularJS ขนาดเล็กที่มีมุมมองเข้าสู่ระบบและมุมมองหลักกำหนดค่าดังนี้: $routeProvider .when('/main' , {templateUrl: 'partials/main.html', controller: MainController}) .when('/login', {templateUrl: 'partials/login.html', controller: LoginController}) .otherwise({redirectTo: '/login'}); LoginController ของฉันตรวจสอบผู้ใช้ / รหัสผ่านและตั้งค่าคุณสมบัติบน $ rootScope เพื่อสะท้อนสิ่งนี้: function LoginController($scope, $location, $rootScope) { $scope.attemptLogin = function() { if ( $scope.username == $scope.password ) { // test $rootScope.loggedUser = $scope.username; $location.path( "/main" ); } else …

493 angularjs  ngroute 

ฉันมีชุดผลิตภัณฑ์ที่ฉันใช้ซ้ำโดยใช้ ng-repeat และกำลังใช้งานอยู่ <div ng-repeat="product in products | filter:by_colour"> เพื่อกรองผลิตภัณฑ์เหล่านี้ตามสี ตัวกรองทำงานอยู่ แต่ถ้าชื่อ / คำอธิบายผลิตภัณฑ์ ฯลฯ มีสีผลิตภัณฑ์จะยังคงอยู่หลังจากที่ใช้ตัวกรอง ฉันจะตั้งค่าตัวกรองให้ใช้กับฟิลด์สีของอาร์เรย์ของฉันมากกว่าทุกฟิลด์ได้อย่างไร

484 angularjs  ng-repeat  angularjs-filter 

ฉันมีบริการ AngularJS ที่ฉันต้องการเริ่มต้นด้วยข้อมูลอะซิงโครนัสบางส่วน บางสิ่งเช่นนี้ myModule.service('MyService', function($http) { var myData = null; $http.get('data.json').success(function (data) { myData = data; }); return { setData: function (data) { myData = data; }, doStuff: function () { return myData.getSomeData(); } }; }); เห็นได้ชัดว่าสิ่งนี้จะไม่ทำงานเพราะหากมีสิ่งใดที่พยายามโทรหาdoStuff()ก่อนที่myDataจะกลับมาฉันจะได้รับข้อยกเว้นตัวชี้ null เท่าที่ฉันสามารถบอกได้จากการอ่านคำถามอื่น ๆ ที่ถามที่นี่และที่นี่ฉันมีตัวเลือกน้อย แต่ไม่มีคำถามใดที่ดูสะอาดมาก (บางทีฉันอาจขาดอะไรซักอย่าง): บริการติดตั้งด้วย "run" เมื่อตั้งค่าแอพของฉันทำสิ่งนี้: myApp.run(function ($http, MyService) …

475 javascript  angularjs  asynchronous  service  angular-promise 

วิธีที่ถูกต้องในการสื่อสารระหว่างตัวควบคุมคืออะไร? ฉันกำลังใช้เรื่องเหลวไหลที่น่ากลัวเกี่ยวกับwindow: function StockSubgroupCtrl($scope, $http) { $scope.subgroups = []; $scope.handleSubgroupsLoaded = function(data, status) { $scope.subgroups = data; } $scope.fetch = function(prod_grp) { $http.get('/api/stock/groups/' + prod_grp + '/subgroups/').success($scope.handleSubgroupsLoaded); } window.fetchStockSubgroups = $scope.fetch; } function StockGroupCtrl($scope, $http) { ... $scope.select = function(prod_grp) { $scope.selectedGroup = prod_grp; window.fetchStockSubgroups(prod_grp); } }

473 scope  angularjs 

ฉันกำลังกำหนดตัวกรองแบบกำหนดเองดังนี้: <div class="idea item" ng-repeat="item in items" isoatom> <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2"> .... </div> </div> ในขณะที่คุณสามารถดู ng-repeat ที่มีการใช้ตัวกรองซ้อนอยู่ภายใน ng-repeat อื่น ตัวกรองถูกกำหนดดังนี้: myapp.filter('range', function() { return function(input, min, max) { min = parseInt(min); //Make string input int max = parseInt(max); for (var i=min; i<max; i++) input.push(i); …

472 angularjs  ng-repeat 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา เมื่อเขียนคำสั่งเชิงมุมคุณสามารถใช้ฟังก์ชันใด ๆ ต่อไปนี้เพื่อจัดการพฤติกรรม DOM เนื้อหาและรูปลักษณ์ขององค์ประกอบที่ประกาศคำสั่ง: รวบรวม ตัวควบคุม ก่อนการเชื่อมโยง โพสต์ลิงก์ ดูเหมือนจะมีความสับสนว่าฟังก์ชั่นใดที่ควรใช้ คำถามนี้ครอบคลุม: คำสั่งพื้นฐาน จะประกาศฟังก์ชั่นต่าง ๆ ได้อย่างไร? ความแตกต่างระหว่างแม่แบบแหล่งที่มาและแม่แบบอินสแตนซ์คืออะไร? ลำดับใดที่สั่งการทำงานของคำสั่ง? เกิดอะไรขึ้นระหว่างการเรียกใช้ฟังก์ชันเหล่านี้ ฟังก์ชั่นธรรมชาติสิ่งที่ต้องทำและสิ่งที่ไม่ควรทำ รวบรวม ตัวควบคุม Pre-การเชื่อมโยง โพสต์ลิงค์ คำถามที่เกี่ยวข้อง: Directive: การเชื่อมโยง VS รวบรวม VS ควบคุม ความแตกต่างระหว่าง 'ควบคุม', 'เชื่อมโยง' และ 'รวบรวม' ฟังก์ชั่นเมื่อกำหนดคำสั่ง ความแตกต่างระหว่างรวบรวมและฟังก์ชั่นการเชื่อมโยงใน angularjsคืออะไร ความแตกต่างระหว่างองค์ประกอบก่อนการคอมไพล์และโพสต์การคอมไพล์ในคำสั่ง AngularJS? . …

451 angularjs  angularjs-directive 

เมื่อใช้ angular 1.2 แทนที่จะเป็น 1.07 โค้ดต่อไปนี้ไม่ถูกต้องอีกต่อไปทำไม? 'use strict'; var app = angular.module('myapp', []); app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $locationProvider.html5Mode(true); $routeProvider. when('/', { templateUrl: 'part.html', controller: 'MyCtrl' }). otherwise({ redirectTo: '/' }); } ]); ปัญหาอยู่ในส่วนกำหนดค่าหัวฉีด (app.config): Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.0rc1/$injector/modulerr?p0=muninn&p1=Error%…eapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.0rc1%2Fangular.min.js%3A31%3A252) ถ้าฉันจำได้ถูกต้องปัญหานี้เริ่มต้นด้วย angular 1.1.6

445 javascript  angularjs 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา ฉันเป็นมือใหม่สำหรับ Angular.js และพยายามเข้าใจว่ามันแตกต่างจาก Backbone.js อย่างไร ... เราใช้ในการจัดการการพึ่งพาแพคเกจของเรากับ Require.js ในขณะที่ใช้ Backbone มันสมเหตุสมผลไหมที่จะทำสิ่งเดียวกันกับ Angular.js?

443 javascript  requirejs  angularjs 

ฉันได้อ่านเกี่ยวกับเรื่องนี้ในโพสต์อื่น ๆ แต่ฉันไม่สามารถเข้าใจได้ ฉันมีชุด $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; ฉันต้องการให้มันเป็น: <select> <option value="000001">Chicago</option> <option value="000002">New York</option> <option value="000003">Washington</option> </select> และฉันต้องการเลือกตัวเลือกด้วย ID = 000002 ฉันได้อ่านตัวเลือกแล้วลอง แต่ฉันไม่สามารถเข้าใจได้

442 javascript  angularjs  html-select  ng-options 

มีวิธีในการสมัครสมาชิกกับเหตุการณ์ในการใช้วัตถุหลายอย่าง $watch เช่น $scope.$watch('item1, item2', function () { });

442 javascript  angularjs  events  angularjs-watch 

ฉันมีอาร์เรย์ข้อมูลที่มีวัตถุจำนวนมาก (รูปแบบ JSON) ข้อมูลต่อไปนี้สามารถสันนิษฐานได้ว่าเป็นเนื้อหาของอาร์เรย์นี้: var data = [ { "name": "Jim", "age" : 25 }, { "name": "Jerry", "age": 27 } ]; ตอนนี้ฉันแสดงรายละเอียดเหล่านี้เป็น: <div ng-repeat="person in data | filter: query"> </div ที่นี่แบบสอบถามถูกสร้างแบบจำลองไปยังช่องใส่ที่ผู้ใช้สามารถ จำกัด ข้อมูลที่แสดง ตอนนี้ฉันมีตำแหน่งอื่นที่ฉันแสดงจำนวนคน / คนที่กำลังแสดงอยู่ในปัจจุบันเช่น Showing {{data.length}} Persons สิ่งที่ฉันต้องการทำคือเมื่อผู้ใช้ค้นหาบุคคลและข้อมูลที่แสดงนั้นถูกกรองตามคิวรีผู้ใช้Showing...personsยังเปลี่ยนค่าของบุคคลที่กำลังแสดงอยู่ในปัจจุบัน แต่มันไม่ได้เกิดขึ้น จะแสดงจำนวนบุคคลทั้งหมดในข้อมูลแทนที่จะเป็นข้อมูลที่กรองแล้วฉันจะรับข้อมูลที่กรองได้อย่างไร

438 javascript  angularjs