プログラミング 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で、その名前空間のインテリセンスは問題なく動作しているため、VS2010にはプロジェクト参照があり、一方で名前空間が表示されているようですが、コンパイル時に表示されません。

276 c# visual-studio reference namespaces directive

10

ng-repeatが終了したときに関数を呼び出す

私が実装しようとしているのは、基本的には「on ng repeat finished rendering」ハンドラです。いつ完了したかは検出できますが、そこから関数をトリガーする方法がわかりません。フィドルを確認してください：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 …

249 events angularjs handler directive ready

11

jQueryで入力値を設定した後に角度モデルを更新する

私はこの簡単なシナリオを持っています： 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" 2つの属性を渡す必要があります。数値と関数/コールバックattrs。オブジェクトを使用してディレクティブ内でそれらにアクセスします。ディレクティブが要素ディレクティブである場合、"E"私はこれに制限できます： <example-directive example-number="99" example-function="exampleCallback()"> ただし、理由はわからないので、ディレクティブを属性ディレクティブにする必要があります。複数の属性を属性ディレクティブに渡すにはどうすればよいですか？

116 javascript parameters angularjs attributes directive

5

Angular2は要素の既知のプロパティではないため、DIRECTIVEにバインドできません

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> ディレクティブ内がAngularCLIで生成されたコードのみである場合でも： 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

タグ付けされた質問 「directive」

タグ付けされた質問「directive」