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

ฉันกำลังพยายามทดสอบว่าสามารถมองเห็นองค์ประกอบโดยใช้ไม้โปรแทรกเตอร์ได้หรือไม่ นี่คือลักษณะขององค์ประกอบ: <i class="icon-spinner icon-spin ng-hide" ng-show="saving"></i> เมื่ออยู่ในคอนโซล Chrome ฉันสามารถใช้ตัวเลือก jQuery นี้เพื่อทดสอบว่าองค์ประกอบนั้นมองเห็นได้หรือไม่: $('[ng-show=saving].icon-spin') [ <i class=​"icon-spinner icon-spin ng-hide" ng-show=​"saving">​</i>​ ] > $('[ng-show=saving].icon-spin:visible') [] อย่างไรก็ตามเมื่อฉันพยายามทำเช่นเดียวกันในไม้โปรแทรกเตอร์ฉันได้รับข้อผิดพลาดนี้ที่รันไทม์: InvalidElementStateError: invalid element state: Failed to execute 'querySelectorAll' on 'Document': '[ng-show=saving].icon-spin:visible' is not a valid selector. เหตุใดจึงไม่ถูกต้อง ฉันจะตรวจสอบการมองเห็นโดยใช้ไม้โปรแทรกเตอร์ได้อย่างไร?

111 angularjs  visible  protractor 

ฉันกำลังพยายามลบ jquery ออกจากแอพ Angular.js ของฉันเพื่อให้เบาลงและใส่ jqLite ของ Angular แทน แต่แอปใช้การค้นหา ('# id') และ find ('.classname') อย่างหนักซึ่ง jqLite ไม่รองรับมีเพียง 'ชื่อแท็ก' (ตามเอกสารประกอบ) สงสัยว่าอะไรคือวิธีที่ดีที่สุดในการเปลี่ยนแปลง แนวทางหนึ่งที่ฉันคิดคือสร้างแท็ก HTML ที่กำหนดเอง ตัวอย่างเช่นการเปลี่ยนแปลง <span class="btn btn-large" id="add-to-bag">Add to bag</span> ถึง <a2b style="display:none;"><span class="btn btn-large" >Add to bag</span></a2b> และ $element.find('#add-to-bag') ถึง $element.find('a2b') ความคิดใด ๆ ? ความคิดอื่น ๆ ? ขอบคุณ …

110 angularjs  angularjs-directive  jqlite 

ฉันกำลังจะผ่านในforEach loop AngularJSมีบางจุดที่ฉันไม่เข้าใจเกี่ยวกับเรื่องนี้ การใช้ฟังก์ชันวนซ้ำคืออะไร? มีวิธีใดบ้างที่จะไปโดยไม่ได้? ความสำคัญของคีย์และค่าที่แสดงด้านล่างคืออะไร? angular.forEach($scope.data, function(value, key){}); PS:ฉันพยายามเรียกใช้ฟังก์ชันนี้โดยไม่มีข้อโต้แย้งและไม่ได้ผล นี่คือของฉันjson: [ { "Name": "Thomas", "Password": "thomasTheKing" }, { "Name": "Linda", "Password": "lindatheQueen" } ] JavaScriptไฟล์ของฉัน: var app = angular.module('testModule', []); app.controller('testController', function($scope, $http){ $http.get('Data/info.json').then( function(data){ $scope.data = data; } ); angular.forEach($scope.data, function(value, key){ if(value.Password == "thomasTheKing") console.log("username is thomas"); …

110 angularjs  foreach 

หากฉันมีตัวควบคุมต่อไปนี้: function parent($scope, service) { $scope.a = 'foo'; $scope.save = function() { service.save({ a: $scope.a, b: $scope.b }); } } function child($scope) { $scope.b = 'bar'; } เป็นวิธีที่เหมาะสมเพื่อให้parentอ่านbออกมาจากchild? หากจำเป็นต้องกำหนดbในสิ่งparentนั้นจะไม่ทำให้ความหมายไม่ถูกต้องโดยสมมติว่าbเป็นคุณสมบัติที่อธิบายสิ่งที่เกี่ยวข้องหรือchildไม่parent? อัปเดต:การพิจารณาเพิ่มเติมเกี่ยวกับเรื่องนี้หากมีเด็กมากกว่าหนึ่งคนbจะสร้างความขัดแย้งparentในbการดึงข้อมูล ฉันยังคงเป็นคำถามสิ่งที่เป็นวิธีการที่เหมาะสมในการเข้าถึงbจากparent?

110 angularjs 

อะไรคือความแตกต่างระหว่างng-pristineและng-dirty? ดูเหมือนว่าคุณสามารถมีได้ทั้งสองอย่างtrue: $scope.myForm.$pristine = true; // after editing the form

110 angularjs 

ฉันกำลังสร้างโมดอล: var modal = $modal.open({ templateUrl: "/partials/welcome", controller: "welcomeCtrl", backdrop: "static", scope: $scope, }); มีวิธีเพิ่มความกว้างไหม

109 angularjs  angular-ui-bootstrap 

ฉันสามารถใช้ if-then-else construction (ternary-operator) ในนิพจน์ angularjs ได้หรือไม่เช่นฉันมี function $ scope.isExists (item) ที่ต้องส่งคืนค่าบูล ฉันต้องการอะไรแบบนี้ <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> ฉันรู้ว่าฉันสามารถใช้ฟังก์ชันที่ส่งคืนสตริงได้ฉันสนใจที่จะใช้โครงสร้าง if-then-else ในนิพจน์ ขอบคุณ.

109 javascript  angularjs  if-statement  angularjs-ng-repeat  ternary-operator 

ฉันค่อนข้างคลุมเครือกับแนวคิดเหล่านี้หากฉันสร้างแอป ToDo เดียวกันอย่างสมบูรณ์ใน AngularJS และ ReactJS - อะไรทำให้ React ToDo ใช้การผูกข้อมูลทางเดียวกับการผูกข้อมูลสองทางของ AngularJS ฉันเข้าใจว่า React ทำงานแบบนี้ การแสดงผล (ข้อมูล) ---> UI สิ่งนี้แตกต่างจาก Angular อย่างไร?

109 javascript  angularjs  reactjs 

นี่คือการสาธิตของฉันโดยใช้ angularjs สำหรับสร้างไฟล์บริการและเพิ่มบริการให้กับคอนโทรลเลอร์ ฉันมีปัญหาสองประการกับการสาธิตของฉัน: หนึ่งคือเมื่อฉันใส่<script src="HomeController.js">ก่อนที่จะ<script src="MyService.js">ได้รับข้อผิดพลาดนี้ ข้อผิดพลาด: [ng: areq] อาร์กิวเมนต์ 'HomeController' ไม่ใช่ฟังก์ชันไม่ได้กำหนด อีกอย่างคือเมื่อฉันใส่<script src="MyService.js">ก่อนที่จะ<script src="HomeController.js">ได้รับข้อผิดพลาดต่อไปนี้ ข้อผิดพลาด: [$ injector: unpr] ผู้ให้บริการที่ไม่รู้จัก: MyServiceProvider <- MyService แหล่งที่มาของฉัน: ไฟล์Index.html: <!DOCTYPE html> <html > <head lang="en">…</head> <body ng-app="myApp"> … <div ng-controller="HomeController"> <div ng-repeat="item in hello">{{item.id + item.name}}</div> </div> <script src="Scripts/angular.js"></script> <script src="Scripts/angular-route.js"></script> <!-- App …

109 javascript  angularjs  angularjs-service 

พยายามหาข้อมูลพื้นฐานของ AngularJS $rootScope.$broadcastแต่เอกสาร AngularJS ไม่ได้ช่วยอะไรมาก พูดง่ายๆว่าทำไมเราถึงใช้สิ่งนี้? นอกจากนี้ภายในเทมเพลตHot Towelของ John Papa ยังมีฟังก์ชันที่กำหนดเองในโมดูลทั่วไปที่ชื่อ$broadcast: function $broadcast() { return $rootScope.$broadcast.apply($rootScope, arguments); } ฉันไม่เข้าใจว่านี่กำลังทำอะไรอยู่ ดังนั้นนี่คือคำถามพื้นฐานสองสามข้อ: 1) $rootScope.$broadcastทำอะไร? 2) อะไรคือความแตกต่างระหว่าง$rootScope.$broadcastและ$rootScope.$broadcast.apply?

109 angularjs  rootscope 

ฉันมีรหัสนี้: app.controller('MainCtrl', function ($scope, $http){ $http.get('api/url-api') .success(function (data, status, headers, config){ } } ในสภาพแวดล้อมในพื้นที่ของฉันทำงานได้ดี แต่ในเซิร์ฟเวอร์ส่งคืนข้อผิดพลาดนี้: TypeError: $ http.get (... ) ความสำเร็จไม่ใช่ฟังก์ชัน ความคิดใด ๆ ? ขอบคุณ

109 javascript  angularjs  ajax  function 

ฉันมีบริการ: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id …

108 angularjs  angular-ui  angular-ui-router 

ใน AngularJS ผมเห็นบางครั้งที่เราใช้และบางครั้งที่เราใช้$state.transitionTo() $state.go()ใครช่วยบอกหน่อยได้ไหมว่ามันแตกต่างกันอย่างไรและควรใช้เมื่อใด

108 javascript  angularjs  angular-ui-router  url-routing  angular-ui 

(มีคำถามที่เกี่ยวข้องที่นี่: การทดสอบจัสมินไม่เห็นโมดูล AngularJS ) ฉันแค่ต้องการทดสอบบริการโดยไม่ต้อง bootstrapping Angular ฉันได้ดูตัวอย่างและบทแนะนำแล้ว แต่ฉันไม่ได้ไปไหน ฉันมีเพียงสามไฟล์: myService.js: ที่ฉันกำหนดบริการ AngularJS test_myService.js: ที่ฉันกำหนดการทดสอบจัสมินสำหรับบริการ specRunner.html: ไฟล์ HTML ที่มีการกำหนดค่าจัสมินปกติและที่ที่ฉันนำเข้าไฟล์อื่นอีกสองไฟล์ก่อนหน้านี้และ Jasmine, Angularjs และ angular-mocks.js นี่คือรหัสสำหรับบริการ (ซึ่งทำงานได้ตามที่คาดไว้เมื่อฉันไม่ได้ทดสอบ): var myModule = angular.module('myModule', []); myModule.factory('myService', function(){ var serviceImplementation = {}; serviceImplementation.one = 1; serviceImplementation.two = 2; serviceImplementation.three = 3; return serviceImplementation }); ในขณะที่ฉันกำลังพยายามทดสอบบริการแบบแยกส่วนฉันควรจะสามารถเข้าถึงและตรวจสอบวิธีการของพวกเขา คำถามของฉันคือฉันจะฉีดบริการในการทดสอบโดยไม่ต้องบูต …

108 angularjs  jasmine 

ฉันมีแบบฟอร์มพร้อมแท็ก ng-submit="login() ฟังก์ชันนี้เรียกได้ว่าดีในจาวาสคริปต์ function LoginForm($scope, $http) { $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; $scope.email = "fsdg@sdf.com"; $scope.password = "1234"; $scope.login = function() { data = { 'email' : $scope.email, 'password' : $scope.password }; $http.post('resources/curl.php', data) .success(function(data, status, headers, config) { console.log(status + ' - ' + data); }) .error(function(data, status, headers, config) …

107 php  javascript  angularjs