การเขียนโปรแกรม directive

5

วิธีรับคุณลักษณะที่ประเมินภายในคำสั่งที่กำหนดเอง

ฉันพยายามรับคุณลักษณะที่ประเมินจากคำสั่งที่กำหนดเองของฉัน แต่ฉันไม่สามารถหาวิธีที่ถูกต้องในการทำมัน ฉันสร้างjsFiddle นี้ขึ้นเพื่ออธิบายอย่างละเอียด <div ng-controller="MyCtrl"> <input my-directive value="123"> <input my-directive value="{{1+1}}"> </div> myApp.directive('myDirective', function () { return function (scope, element, attr) { element.val("value = "+attr.value); } }); ฉันกำลังคิดถึงอะไร

363 javascript binding angularjs directive

8

AngularJS - สร้างคำสั่งที่ใช้ ng-model

ฉันกำลังพยายามสร้างคำสั่งที่จะสร้างเขตข้อมูลอินพุตที่มี ng-model เช่นเดียวกับองค์ประกอบที่สร้างคำสั่ง นี่คือสิ่งที่ฉันเกิดขึ้นตอนนี้: HTML <!doctype html> <html ng-app="plunker" > <head> <meta charset="utf-8"> <title>AngularJS Plunker</title> <link rel="stylesheet" href="style.css"> <script>document.write("<base href=\"" + document.location + "\" />");</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> This scope value <input ng-model="name"> <my-directive ng-model="name"></my-directive> </body> </html> JavaScript var app = angular.module('plunker', []); app.controller('MainCtrl', …

294 angularjs directive

30

รับ "ประเภทหรือชื่อเนมสเปซไม่พบ" แต่ทุกอย่างดูโอเคไหม

ฉันได้รับ: ไม่พบชื่อประเภทหรือเนมสเปซ ข้อผิดพลาดสำหรับแอป C # WPF ใน VS2010 โค้ดนี้มีการรวบรวมที่ดี แต่ทันใดนั้นฉันก็พบข้อผิดพลาดนี้ ฉันได้ลองลบการอ้างอิงโครงการและusingคำสั่งปิด VS2010 แล้วเริ่มต้นใหม่ แต่ก็ยังมีปัญหานี้อยู่ ความคิดใด ๆ ที่ทำให้เกิดเหตุการณ์เช่นนี้ซึ่งดูเหมือนว่าฉันกำลังทำสิ่งที่ถูกต้องอ้างอิง & usingคำสั่ง? ฉันยังสังเกตเห็นใน VS2010 ว่า Intellisense สำหรับเนมสเปซนั้นทำงานได้ดีดังนั้นดูเหมือนว่า VS2010 จะมีการอ้างอิงโครงการและเห็นเนมสเปซในมือเดียว แต่ในระหว่างการคอมไพล์ไม่เห็นหรือไม่

276 c# visual-studio reference namespaces directive

10

การเรียกฟังก์ชันเมื่อ ng-repeat เสร็จสิ้น

สิ่งที่ฉันพยายามนำมาใช้นั้นเป็นตัวจัดการ "ในการทำซ้ำการเรนเดอร์เสร็จสิ้น" ฉันสามารถตรวจจับได้เมื่อเสร็จสิ้น แต่ฉันไม่สามารถหาวิธีที่จะเรียกใช้ฟังก์ชันจากมันได้ ตรวจสอบซอ: http://jsfiddle.net/paulocoelho/BsMqq/3/ JS var module = angular.module('testApp', []) .directive('onFinishRender', function () { return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { element.ready(function () { console.log("calling:"+attr.onFinishRender); // CALL TEST HERE! }); } } } }); function myC($scope) { $scope.ta = [1, …

249 events angularjs handler directive ready

11

อัปเดตโมเดลเชิงมุมหลังจากตั้งค่าอินพุตด้วย jQuery

ฉันมีสถานการณ์ง่าย ๆ นี้: องค์ประกอบอินพุตซึ่งค่าจะถูกเปลี่ยนโดยวิธี val () ของ jQuery ฉันพยายามอัปเดตโมเดลเชิงมุมด้วยค่าที่ jQuery ตั้งไว้ ฉันพยายามเขียนคำสั่งง่ายๆ แต่ก็ไม่ได้ทำสิ่งที่ฉันต้องการ นี่คือคำสั่ง: var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) นี่คือส่วน jQuery: $(function(){ $('button').click(function(){ $('input').val('xxx'); }) }) และ html: <div ng-app="myApp"> <div ng-controller="MyCtrl"> <input test-change …

160 jquery angularjs bind directive

5

ฉันจะส่งผ่านแอตทริบิวต์หลายรายการไปยังคำสั่งแอตทริบิวต์ Angular.js ได้อย่างไร

ฉันมีคำสั่งแอตทริบิวต์ที่ จำกัด ดังนี้: restrict: "A" ฉันต้องการส่งผ่านคุณสมบัติสองอย่าง หมายเลขและฟังก์ชัน / การโทรกลับโดยเข้าถึงภายในคำสั่งโดยใช้attrsวัตถุ หากคำสั่งเป็นคำสั่งองค์ประกอบถูก จำกัด ด้วย"E"สิ่งนี้: <example-directive example-number="99" example-function="exampleCallback()"> อย่างไรก็ตามด้วยเหตุผลที่ฉันจะไม่เข้าไปฉันต้องการคำสั่งเพื่อเป็นคำสั่งแอตทริบิวต์ ฉันจะส่งคุณสมบัติหลายรายการไปยังคำสั่งแอตทริบิวต์ได้อย่างไร

116 javascript parameters angularjs attributes directive

5

Angular2 ไม่สามารถผูกกับ DIRECTIVE เนื่องจากไม่ใช่คุณสมบัติขององค์ประกอบที่เป็นที่รู้จัก

ฉันสร้าง @Directive ใหม่โดย Angular CLI มันถูกนำเข้ามาที่ app.module.ts ของฉัน import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) และฉันพยายามใช้ในส่วนประกอบของฉัน (ChatWindowComponent) <p [appContenteditableModel] > Write message </p> แม้ว่าภายในคำสั่งจะเป็นเพียงโค้ดที่สร้างขึ้น Angular CLI: import { Directive } from …

92 angular typescript directive

4

ไม่พบคอนโทรลเลอร์ 'ngModel' ที่จำเป็นโดยคำสั่ง '…'

เกิดอะไรขึ้นที่นี่? นี่คือคำสั่งของฉัน: app.directive('submitRequired', function (objSvc) { return { require: 'ngModel', link: function (scope, elm, attrs, ctrl) { // do something } }; }); นี่คือตัวอย่างของคำสั่งที่ใช้: <input submit-required="true"></input> นี่คือข้อความแสดงข้อผิดพลาดที่แท้จริง: Error: [$compile:ctreq] Controller 'ngModel', required by directive 'submitRequired', can't be found! http://errors.angularjs.org/1.2.2/$compile/ctreq?p0=ngModel&p1=submitRequired at http://www.domain.ca/Scripts/angular/angular.js:78:12 at getControllers (http://www.domain.ca/Scripts/angular/angular.js:5972:19) at nodeLinkFn (http://www.domain.ca/Scripts/angular/angular.js:6139:35) at compositeLinkFn (http://www.domain.ca/Scripts/angular/angular.js:5550:15) …

88 angularjs directive

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