การเขียนโปรแกรม angularjs-controller

15

AngularJS: ฉันจะส่งผ่านตัวแปรระหว่างตัวควบคุมได้อย่างไร

ฉันมีตัวควบคุมเชิงมุมสองตัว: function Ctrl1($scope) { $scope.prop1 = "First"; } function Ctrl2($scope) { $scope.prop2 = "Second"; $scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like to do ideally } ฉันไม่สามารถใช้Ctrl1ภายในCtrl2เพราะมันไม่ได้กำหนด อย่างไรก็ตามถ้าฉันพยายามผ่านมันให้เป็นเช่นนั้น ... function Ctrl2($scope, Ctrl1) { $scope.prop2 = "Second"; $scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like …

326 javascript angularjs angularjs-controller

8

ฉันจะใช้ $ rootScope ใน Angular เพื่อเก็บตัวแปรได้อย่างไร

ฉันจะใช้$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

10

คอนโทรลเลอร์ AngularJS สามารถสืบทอดจากคอนโทรลเลอร์อื่นในโมดูลเดียวกันได้หรือไม่?

ภายในโมดูลคอนโทรลเลอร์สามารถสืบทอดคุณสมบัติจากคอนโทรลเลอร์ภายนอก: var app = angular.module('angularjs-starter', []); var ParentCtrl = function ($scope, $location) { }; app.controller('ChildCtrl', function($scope, $injector) { $injector.invoke(ParentCtrl, this, {$scope: $scope}); }); ตัวอย่างผ่าน: Dead link : http://blog.omkarpatil.com/2013/02/controller-inheritance-in-angularjs.html สามารถควบคุมภายในโมดูลรับจากพี่น้อง? var app = angular.module('angularjs-starter', []); app.controller('ParentCtrl ', function($scope) { //I'm the sibling, but want to act as parent }); app.controller('ChildCtrl', function($scope, …

198 angularjs inheritance angularjs-controller

10

AngularJS: วิธีที่ถูกต้องในการเชื่อมโยงกับคุณสมบัติของบริการ

ฉันกำลังมองหาวิธีปฏิบัติที่ดีที่สุดในการเชื่อมโยงกับคุณสมบัติบริการใน AngularJS ฉันได้ทำงานผ่านหลายตัวอย่างเพื่อเข้าใจวิธีเชื่อมโยงกับคุณสมบัติในบริการที่สร้างขึ้นโดยใช้ AngularJS ด้านล่างฉันมีสองตัวอย่างของวิธีการเชื่อมโยงกับคุณสมบัติในบริการ พวกเขาทั้งสองทำงาน ตัวอย่างแรกใช้การเชื่อมโยงพื้นฐานและตัวอย่างที่สองใช้ $ scope $ watch เพื่อเชื่อมโยงกับคุณสมบัติของบริการ ตัวอย่างเหล่านี้เป็นที่ต้องการเมื่อเชื่อมโยงกับคุณสมบัติในบริการหรือมีตัวเลือกอื่นที่ฉันไม่ทราบว่าจะแนะนำหรือไม่ หลักฐานของตัวอย่างเหล่านี้คือบริการควรอัปเดตคุณสมบัติ "lastUpdated" และ "การโทร" ทุก 5 วินาที เมื่ออัปเดตคุณสมบัติของบริการแล้วมุมมองควรสะท้อนถึงการเปลี่ยนแปลงเหล่านี้ ตัวอย่างทั้งสองนี้ทำงานได้สำเร็จ ฉันสงสัยว่ามีวิธีที่ดีกว่าในการทำมัน การผูกแบบพื้นฐาน รหัสต่อไปนี้สามารถดูและวิ่งได้ที่นี่: http://plnkr.co/edit/d3c16z <html> <body ng-app="ServiceNotification" > <div ng-controller="TimerCtrl1" style="border-style:dotted"> TimerCtrl1 <br/> Last Updated: {{timerData.lastUpdated}}<br/> Last Updated: {{timerData.calls}}<br/> </div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script> <script type="text/javascript"> var app = angular.module("ServiceNotification", …

162 angularjs data-binding angularjs-service angularjs-controller

5

อัพเดตตัวแปรขอบเขตหลักใน AngularJS

ฉันมีตัวควบคุมสองตัวตัวหนึ่งห่อหุ้มไว้ด้วยกัน ตอนนี้ฉันรู้ว่าขอบเขตลูกสืบทอดคุณสมบัติจากขอบเขตหลัก แต่มีวิธีอัปเดตตัวแปรขอบเขตหลักหรือไม่ จนถึงตอนนี้ฉันยังไม่พบวิธีแก้ปัญหาที่ชัดเจน ในสถานการณ์ของฉันฉันมีตัวควบคุมปฏิทินในแบบฟอร์ม ฉันต้องการอัปเดตวันที่เริ่มต้นและวันที่สิ้นสุดจากขอบเขตหลัก (ซึ่งก็คือแบบฟอร์ม) เพื่อให้แบบฟอร์มมีวันที่เริ่มต้นและวันที่สิ้นสุดเมื่อส่ง

113 javascript angularjs angularjs-scope prototype angularjs-controller

7

ฉันจะฉีดคอนโทรลเลอร์ลงในคอนโทรลเลอร์อื่นใน AngularJS ได้อย่างไร

ฉันเพิ่งเริ่มใช้ 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

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