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

ฉันต้องการให้ผู้ใช้เห็นวงเล็บปีกกาสองชั้น แต่ Angular จะผูกโดยอัตโนมัติ นี่เป็นกรณีตรงข้ามของคำถามนี้ที่พวกเขาไม่ต้องการเห็นวงเล็บปีกกาที่ใช้ในการผูกเมื่อหน้ากำลังโหลด ฉันต้องการให้ผู้ใช้เห็นสิ่งนี้: My name is {{person.name}}. แต่ Angular จะแทนที่{{person.name}}ด้วยค่า ฉันคิดว่ามันอาจได้ผล แต่เชิงมุมยังคงแทนที่ด้วยค่า: {{person.name}} Plunker: http://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ

98 angularjs 

ฉันได้รับข้อผิดพลาดนี้อยู่เรื่อย ๆ ขณะพยายามติดตั้งหน้าต่าง bootstrap Modal สาเหตุของมันคืออะไร? ฉันคัดลอก / วางทุกอย่างจากhttp://angular-ui.github.io/bootstrap/#/modalที่นี่

97 javascript  angularjs  modal-dialog 

เรากำลังทำเว็บแอปพลิเคชันด้วย AngularJS และเราชอบแนวคิดในการใช้ Bower สำหรับการจัดการการพึ่งพาและ Grunt สำหรับการสร้างการทดสอบการทำงานและอื่น ๆ ( Yeoman ) เซิร์ฟเวอร์ทำงานด้วย Java โดยใช้ Maven ดังนั้นแน่นอนว่าเราต้องการmvn installสร้างทุกอย่างง่ายๆ(เว็บแอปพลิเคชัน + เซิร์ฟเวอร์) คุณใช้แนวทางใดและทำไม? 1) ถือว่าเป็นสองแอปพลิเคชันที่แตกต่างกันซึ่งในความเป็นจริงแล้ว ดังนั้นการใช้วิธีการสร้าง / เครื่องมือที่แตกต่างกันจึงเป็นที่ยอมรับได้ 2) ลืมเรื่อง Grunt Bower ใช้ปลั๊กอิน Maven เพื่อสร้างเรียกใช้การทดสอบจัดการการอ้างอิงสำหรับเว็บแอปพลิเคชัน ถ้าเป็นอย่างนั้นคนไหน? 3) ใช้ปลั๊กอิน Maven exec เพื่อเรียก Grunt เพื่อสร้างเว็บแอปส่วนหน้า ฉันเห็นว่านี่เป็นการแฮ็กมากกว่าวิธีแก้ปัญหา 4) อื่น ๆ วิธีที่ง่ายกว่าในการผสานรวมกับเจนกินส์เป็นข้อดี ขอบคุณล่วงหน้า!

97 maven  build  angularjs  build-automation  gruntjs 

ฉันพยายามหาวิธีเพิ่มคลาสด้วย ngClick ผมได้อัพโหลดขึ้นรหัสของฉันลงบน plunker คลิกที่นี่ เมื่อดูเอกสารเชิงมุมฉันไม่สามารถหาวิธีที่แน่นอนได้ ด้านล่างนี้เป็นข้อมูลโค้ดของฉัน ใครช่วยแนะนำฉันไปในทิศทางที่ถูกต้อง <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> ตัวควบคุม var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; });

97 javascript  angularjs  angularjs-ng-click  ng-class 

ฉันมีข้อความบางส่วนในพื้นที่ข้อความที่ซ่อนอยู่ เมื่อคลิกปุ่มฉันต้องการให้ข้อความที่เสนอให้ดาวน์โหลดเป็น.txtไฟล์ เป็นไปได้โดยใช้ AngularJS หรือ Javascript?

97 javascript  angularjs 

ฉันมีสตริงที่ได้รับจาก a routeParamหรือคุณลักษณะคำสั่งหรืออะไรก็ตามและฉันต้องการสร้างตัวแปรตามขอบเขตตามนี้ ดังนั้น: $scope.<the_string> = "something". อย่างไรก็ตามหากสตริงมีจุดอย่างน้อยหนึ่งจุดฉันต้องการแยกและ "เจาะลึก" ลงในขอบเขต ดังนั้นควรจะเป็น'foo.bar' $scope.foo.barซึ่งหมายความว่าเวอร์ชันธรรมดาจะไม่ทำงาน! // This will not work as assigning variables like this will not "drill down" // It will assign to a variables named the exact string, dots and all. var the_string = 'life.meaning'; $scope[the_string] = 42; console.log($scope.life.meaning); // <-- …

97 angularjs  scope 

ฉันกำลังจัดการโครงการพัฒนา AngularJS มีการพูดคุยกันว่าเราต้องย้ายไปที่ AngularJS 1.5 เป็นอย่างน้อยจาก 1.2 ปัจจุบันของเรา ข้อกำหนดประการหนึ่งของฉันในการย้ายคือฉันต้องแสดงหลักฐานการสิ้นสุดการสนับสนุนสำหรับ 1.5 แต่ไม่พบข้อมูลการสนับสนุนใด ๆ หลังจากผ่านไปหลายชั่วโมงบนไซต์เชิงมุมและการค้นหาใน Google หลายครั้ง มีการแสดงความคิดเห็นอย่างเป็นทางการเมื่อใดที่แพตช์ความปลอดภัยและการแก้ไขข้อบกพร่องจะไม่ได้รับการพัฒนาสำหรับ Angular v1.x อีกต่อไป

97 angularjs  end-of-life 

ฉันเพิ่งเริ่มใช้ Angular และพยายามคิดหาวิธีทำสิ่งต่างๆ ... เมื่อใช้ AngularJS ฉันจะฉีดคอนโทรลเลอร์เพื่อใช้ภายในคอนโทรลเลอร์อื่นได้อย่างไร ฉันมีตัวอย่างข้อมูลต่อไปนี้: var app = angular.module("testApp", ['']); app.controller('TestCtrl1', ['$scope', function ($scope) { $scope.myMethod = function () { console.log("TestCtrl1 - myMethod"); } }]); app.controller('TestCtrl2', ['$scope', 'TestCtrl1', function ($scope, TestCtrl1) { TestCtrl1.myMethod(); }]); เมื่อฉันดำเนินการสิ่งนี้ฉันได้รับข้อผิดพลาด: Error: [$injector:unpr] Unknown provider: TestCtrl1Provider <- TestCtrl1 http://errors.angularjs.org/1.2.21/$injector/unpr?p0=TestCtrl1Provider%20%3C-%20TestCtrl1 ฉันควรพยายามใช้คอนโทรลเลอร์ภายในคอนโทรลเลอร์อื่นหรือไม่หรือฉันควรให้บริการนี้

97 angularjs  angularjs-scope  angularjs-controller 

คำถามง่ายๆ: ฉันจะตั้งค่าขอบเขตใน html เพื่อให้คอนโทรลเลอร์ของฉันอ่านได้อย่างไร var app = angular.module('app', []); app.controller('MyController', function($scope) { console.log($scope.myVar); }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app='app'> <div ng-controller="MyController" app-myVar="test"> {{myVar}} </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด JSFiddle: http://jsfiddle.net/ncapito/YdQcX/

97 angularjs  angularjs-scope 

มีใครช่วยอธิบายหน่อยได้ไหมว่า$q.whenAngularJS ทำงานอย่างไร ฉันพยายามวิเคราะห์วิธีการ$httpทำงานและพบสิ่งนี้: var promise = $q.when(config); และนี่คือวัตถุกำหนดค่าจากคอนโซล Chrome: Object {transformRequest: Array[1], transformResponse: Array[1], cache: Object, method: "GET", url: "/schedule/month_index.html"…} cache: Object headers: Object method: "GET" transformRequest: Array[1] transformResponse: Array[1] url: "/schedule/month_index.html" __proto__: Object จะเกิดอะไรขึ้นต่อไป? วัตถุนี้ได้รับการแก้ไขหรือปฏิเสธอย่างไร

97 angularjs  deferred  q 

ฉันต้องการที่จะผ่านuserNameจากรายการของuserNameSA modalเข้าสู่ระบบผู้ใช้คลิกบนทวิตเตอร์บูต ฉันใช้Grailsกับangularjsซึ่งข้อมูลจะแสดงผลผ่านทางangularjs การกำหนดค่า หน้ามุมมอง grails ของฉันencouragement.gspคือ <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> ของฉันencourage/_encouragement_modal.gspคือ <div id="encouragementModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Confirm encouragement?</h3> </div> <div class="modal-body"> Do you really …

96 javascript  twitter-bootstrap  grails  angularjs 

ฉันกำลังส่งคำขอไปยัง API ของฉันและฉันใช้โมดูลทรัพยากร AngularJS $ มันแตกต่างจาก $ http ดังนั้นฉันจึงไม่รู้วิธีจัดการกับข้อผิดพลาดของฉัน บริการของฉัน: var appServices = angular.module('app.services', ['ngResource']); appServices.factory('Category', ['$resource', function($resource){ return $resource('/apicategoryerr/?format=:format', {}, { query: { method: 'GET', params: { format: 'json'}, isArray: true, } }); }]); ตัวควบคุมของฉัน: ... Category.query(function(data) { console.log(data); }); ... ฉันต้องการอะไรแบบนี้หรือ .. ฉันไม่รู้วิธีจัดการกับข้อผิดพลาดหาก API ของฉันไม่ทำงาน .. Category.query().success(function() { …

96 angularjs  angular-resource 

แอปพลิเคชันของเรามีการนำทาง 2 ระดับ เราต้องการใช้ AngularJS $routeProviderเพื่อจัดเตรียมเทมเพลตให้กับ<ng-view />ไฟล์. ฉันกำลังคิดที่จะทำอะไรบางอย่างตามแนวนี้: angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/:primaryNav/:secondaryNav', { templateUrl: 'resources/angular/templates/nav/'+<<primaryNavHere>>+'/'+<<secondaryNavHere>>+'.html' }); }]); ฉันไม่รู้วิธีเติมข้อมูลส่วนต่างๆภายในไฟล์<<>>. ฉันรู้ว่า primaryNav และ secondaryNav เชื่อมโยงกับ $ routeParams แต่ฉันจะเข้าถึง $ routeParams ที่นี่เพื่อให้บริการเทมเพลตแบบไดนามิกได้อย่างไร

96 javascript  angularjs 

ฉันใช้โมดูล ngAnimate แต่ทั้งหมดของฉันng-if, ng-showฯลฯ รับผลกระทบจากที่ผมต้องการที่จะยกระดับ ngAnimate สำหรับองค์ประกอบที่เลือกบาง สำหรับประสิทธิภาพและข้อบกพร่องบางอย่างในองค์ประกอบที่แสดงและซ่อนอย่างรวดเร็ว ขอบคุณ.

96 angularjs  ng-animate 

จากบทช่วยสอนนี้ทดสอบแอป angularjs กับ chai ฉันต้องการเพิ่มการทดสอบสำหรับค่าที่ไม่ได้กำหนดโดยใช้สไตล์ "should" สิ่งนี้ล้มเหลว: it ('cannot play outside the board', function() { scope.play(10).should.be.undefined; }); มีข้อผิดพลาด "TypeError: ไม่สามารถอ่านคุณสมบัติ" should "ของ undefined" แต่การทดสอบผ่านไปด้วยลักษณะ "คาดหวัง": it ('cannot play outside the board', function() { chai.expect(scope.play(10)).to.be.undefined; }); ฉันจะทำให้มันทำงานร่วมกับ "ควร" ได้อย่างไร

96 javascript  angularjs  testing  chai