程序设计 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', function($scope) { …

294 angularjs directive

30

获取“找不到类型或名称空间名称”，但一切似乎还好吗？

我得到：找不到类型或名称空间名称 VS2010中的C＃WPF应用出现错误。这部分代码编译良好，但是突然我收到了此错误。我试着删除项目参考和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, 2, 3, …

249 events angularjs handler directive ready

11

使用jQuery设置输入值后更新Angular模型

我有一个简单的场景：输入元素，其值由jQuery的val（）方法更改。我试图用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 ng-model="foo" /> <span>{{foo}}</span> </div> </div> <button>clickme</button> 这是我尝试的小提琴：http : //jsfiddle.net/U3pVM/743/ 有人能指出我正确的方向吗？

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，因为它不是element的已知属性

我通过Angular CLI生成了新的@Directive，将其导入到我的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 '@angular/core'; @Directive({ selector: '[appContenteditableModel]' }) export class ContenteditableModelDirective …

91 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

Questions tagged «directive»