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

ฉันสงสัยว่าวิธีที่ถูกต้องในการรวมปลั๊กอิน jQuery เข้ากับแอพเชิงมุมของฉันคืออะไร ฉันได้พบบทช่วยสอนหลายอย่างและการฉายหน้าจอ แต่ดูเหมือนว่าจะรองรับปลั๊กอินที่เฉพาะเจาะจง ตัวอย่างเช่น: http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs ฉันควรสร้างคำสั่งเช่นนั้น - App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName)); } }; }); แล้วใน html เรียกสคริปต์และคำสั่ง? <div directiveName ></div> <script type="text/javascript" src="pluginName.js"></script> ขอบคุณล่วงหน้า

217 jquery-plugins  angularjs 

ฉันมีรูปแบบใน Angular ที่มีแท็กปุ่มสองปุ่มอยู่ในนั้น ng-clickปุ่มเดียวส่งแบบฟอร์มบน ปุ่มอื่น ๆ ng-clickเป็นอย่างหมดจดสำหรับการนำทางโดยใช้ อย่างไรก็ตามเมื่อคลิกปุ่มที่สองนี้ AngularJS จะทำให้เกิดการรีเฟรชหน้าซึ่งทำให้ทริกเกอร์ 404 ฉันได้หยุดพักเบรกพอยต์ในฟังก์ชัน ถ้าฉันทำอย่างใดอย่างหนึ่งต่อไปนี้มันจะหยุด: หากฉันลบng-clickปุ่มจะไม่ทำให้เกิดการรีเฟรชหน้า ถ้าฉันใส่ความคิดเห็นรหัสในฟังก์ชั่นก็ไม่ได้ทำให้การรีเฟรชหน้า หากฉันเปลี่ยนแท็กปุ่มเป็นสมอแท็ก ( <a>) ด้วยhref=""จะไม่ทำให้รีเฟรช หลังดูเหมือนจะเป็นวิธีแก้ปัญหาที่ง่ายที่สุด แต่ทำไม AngularJS ถึงใช้รหัสใด ๆ หลังจากฟังก์ชั่นของฉันที่ทำให้หน้าโหลดซ้ำ? ดูเหมือนว่าแมลง นี่คือแบบฟอร์ม: <form class="form-horizontal" name="myProfile" ng-switch-when="profile"> <fieldset> <div class="control-group"> <label class="control-label" for="passwordButton">Password</label> <div class="controls"> <button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button> </div> </div> <div class="buttonBar"> <button id="saveProfileButton" class="primaryButton" …

217 javascript  angularjs 

ฉันจะใช้$rootScopeเพื่อเก็บตัวแปรในคอนโทรลเลอร์ที่ฉันต้องการเข้าถึงในคอนโทรลเลอร์อื่นได้อย่างไร? ตัวอย่างเช่น: angular.module('myApp').controller('myCtrl', function($scope) { var a = //something in the scope //put it in the root scope }); angular.module('myApp').controller('myCtrl2', function($scope) { var b = //get var a from root scope somehow //use var b }); ฉันจะทำสิ่งนี้ได้อย่างไร

217 angularjs  angularjs-scope  angularjs-controller  rootscope 

ดังนั้นจึงไม่มีอะไรใหม่ที่นี่ฉันแค่พยายามที่จะได้รับการชี้แจงและดูเหมือนจะไม่พบในโพสต์อื่น ๆ ฉันกำลังสร้างทรัพยากรใหม่อย่างสงบพูด: /books (POST) กับร่างกาย: { title: 'The Lion, the Witch and the Wardrobe', author: 'C. S. Lewis' } ฉันรู้ว่าฉันควรส่งคืน 201 (สร้าง) ด้วยส่วนหัว Location ของทรัพยากรใหม่: Location: /books/12345 คำถามที่ฉันไม่สามารถตอบได้ก็คือสิ่งที่เซิร์ฟเวอร์ควรส่งคืนในร่างกาย ฉันได้ตอบกลับประเภทนี้บ่อยครั้ง: { id: 12345, title: 'The Lion, the Witch and the Wardrobe', author: 'C. S. Lewis' } ฉันได้ทำสิ่งนี้ด้วยเหตุผลสองสามประการ: ฉันได้เขียน API สำหรับเฟรมเวิร์กเอนด์เช่น …

217 rest  angularjs  angularjs-resource 

ฉันกำลังใช้ฆ้อนสำหรับลากและมันก็เริ่มขาดหายไปเมื่อโหลดสิ่งอื่น ๆ เนื่องจากข้อความเตือนนี้บอกฉัน การจัดการกิจกรรมอินพุต 'touchstart' ล่าช้าสำหรับ X ms เนื่องจากเธรดหลักไม่ว่าง พิจารณาทำเครื่องหมายตัวจัดการเหตุการณ์เป็น 'แฝง' เพื่อให้หน้าตอบสนองได้ดีขึ้น ดังนั้นฉันจึงพยายามเพิ่ม 'passive' ให้กับผู้ฟังเช่นนั้น Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); แต่ฉันยังคงได้รับคำเตือนนี้

217 javascript  jquery  angularjs  touch  hammer.js 

ผมได้รับข้อผิดพลาดนี้เมื่ออัพเกรดจาก AngularJS 1.0.7เพื่อ1.2.0rc1

216 javascript  angularjs  routes 

ฉันกำลังพยายามตั้งค่าsrcคุณลักษณะของ iframe จากตัวแปรและไม่สามารถใช้งานได้ ... มาร์กอัป: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> ควบคุม / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : …

214 javascript  html  angularjs  iframe  angularjs-directive 

ใน AngularJS คุณก็สามารถที่จะระบุดูจะสังเกตเห็นการเปลี่ยนแปลงในตัวแปรขอบเขตการใช้ฟังก์ชั่นของ$watch $scopeอะไรคือสิ่งที่เทียบเท่ากับการเฝ้าดูการเปลี่ยนแปลงของตัวแปร (ในตัวอย่างเช่นตัวแปรองค์ประกอบ) ในเชิงมุม?

213 angularjs  angular  watch  angular2-changedetection 

ฉันมีเวอร์ชันที่ลวกมากของสิ่งที่ฉันทำซึ่งทำให้เกิดปัญหาข้าม directiveฉันมีความเรียบง่าย เมื่อใดก็ตามที่คุณคลิกองค์ประกอบมันจะเพิ่มองค์ประกอบอื่น อย่างไรก็ตามจะต้องรวบรวมก่อนเพื่อให้สามารถแสดงได้อย่างถูกต้อง $compileงานวิจัยของฉันทำให้ฉัน แต่ตัวอย่างทั้งหมดใช้โครงสร้างที่ซับซ้อนซึ่งฉันไม่รู้วิธีสมัครที่นี่จริง ๆ Fiddles อยู่ที่นี่: http://jsfiddle.net/paulocoelho/fBjbP/1/ และ JS อยู่ที่นี่: var module = angular.module('testApp', []) .directive('test', function () { return { restrict: 'E', template: '<p>{{text}}</p>', scope: { text: '@text' }, link:function(scope,element){ $( element ).click(function(){ // TODO: This does not do what it's supposed to :( $(this).parent().append("<test text='n'></test>"); …

212 angularjs  angularjs-directive  dynamically-generated 

ฉันต้องการที่จะสามารถสร้างบริการ AngularJS ที่กำหนดเองที่ทำให้การร้องขอ HTTP 'รับ' เมื่อวัตถุข้อมูลของมันว่างเปล่าและเติมวัตถุข้อมูลในความสำเร็จ ครั้งต่อไปที่มีการโทรไปยังบริการนี้ฉันต้องการข้ามค่าใช้จ่ายในการร้องขอ HTTP อีกครั้งและส่งคืนวัตถุข้อมูลที่แคช เป็นไปได้ไหม

211 angularjs  ajax  caching  http-get 

ฉันมีปัญหากับการแคชพาร์ติชั่นใน AngularJS ในหน้า HTML ของฉันฉันมี: <body> <div ng-view></div> <body> ตำแหน่งที่โหลดชิ้นงานของฉัน เมื่อฉันเปลี่ยนรหัส HTML ในบางส่วนเบราว์เซอร์ยังคงโหลดข้อมูลเก่า มีวิธีแก้ปัญหาหรือไม่?

210 caching  angularjs  browser-cache 

หนึ่งจะเฝ้าดู / ทริกเกอร์เหตุการณ์ในการเปลี่ยนเส้นทางได้อย่างไร

209 javascript  angularjs 

ใครบางคนสามารถอธิบายได้ในแง่ง่าย ๆ ? เอกสารดูเหมือนจะป้านนิดหน่อย ฉันไม่ได้รับความสำคัญและภาพรวมของเวลาที่จะใช้อย่างใดอย่างหนึ่งมากกว่าอีก ตัวอย่างที่ตัดกันทั้งสองจะยอดเยี่ยม

208 javascript  angularjs 

ฉันต้องการเรียกฟังก์ชั่น jQuery กำหนดเป้าหมาย div ด้วยตาราง ng-repeatตารางที่เป็นประชากรที่มี เมื่อฉันเรียกมันว่า $(document).ready() ฉันไม่มีผลลัพธ์ ด้วย $scope.$on('$viewContentLoaded', myFunc); ไม่ช่วย มีวิธีการดำเนินการฟังก์ชั่นใด ๆ หลังจากที่ประชากรซ้ำซ้อนเสร็จสมบูรณ์? ฉันได้อ่านคำแนะนำเกี่ยวกับการใช้งานที่กำหนดเองdirectiveแล้ว แต่ฉันไม่รู้ว่าจะใช้งานอย่างไรกับ ng-repeat และ div ของฉัน ...

207 javascript  jquery  angularjs  angularjs-ng-repeat  document-ready 

นี่คือซอแสดงปัญหา http://jsfiddle.net/Erk4V/1/ มันจะปรากฏขึ้นหากฉันมี ng-model ภายใน ng-if โมเดลนั้นไม่ทำงานตามที่คาดไว้ ฉันสงสัยว่านี่เป็นข้อผิดพลาดหรือหากฉันเข้าใจผิดเกี่ยวกับการใช้งานที่เหมาะสม <div ng-app > <div ng-controller="main"> Test A: {{testa}}<br /> Test B: {{testb}}<br /> Test C: {{testc}}<br /> <div> testa (without ng-if): <input type="checkbox" ng-model="testa" /> </div> <div ng-if="!testa"> testb (with ng-if): <input type="checkbox" ng-model="testb" /> </div> <div ng-if="!someothervar"> testc (with ng-if): <input …

206 angularjs