シンプルなカスタムディレクティブを作成しようとしていますが、常にエラーが表示されます。サンプルコードを以下のjsFiddleリンクに含めました。正確にどこが間違っているのか誰でも助けてくれますか?angularjsでカスタムディレクティブを実行できません
[https://jsfiddle.net/sridharspeaks/65vnj4dz/][1]
おかげで、 シュリダール
シンプルなカスタムディレクティブを作成しようとしていますが、常にエラーが表示されます。サンプルコードを以下のjsFiddleリンクに含めました。正確にどこが間違っているのか誰でも助けてくれますか?angularjsでカスタムディレクティブを実行できません
[https://jsfiddle.net/sridharspeaks/65vnj4dz/][1]
おかげで、 シュリダール
これは固定plunkerです:
http://plnkr.co/edit/KTFFLc0QdmunQ4i8AT8o?p=preview
私は
ng-controller="mycontainercontroller"
を使用しなかったY)HTML:
<head>
<script src="http://code.angularjs.org/1.2.1/angular.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="mycontainercontroller">
<mycontainer></mycontainer>
</div>
</body>
とJS:
angular.module('myApp', []).
directive('mycontainer', function() {
return {
restrict: 'E',
scope: {},
controller: 'mycontainercontroller',
template: '<div><input ng-model="container"></div><div>output : {{container}}</div>'
}
}).controller('mycontainercontroller', ['$scope', function($scope) {
$scope.container = 123;
}]) ;
Alainlb、ご協力いただきありがとうございます。私はhtmlのng-controllerはカスタムディレクティブが既に埋め込まれているので必須ではないと信じています。 –
2つの問題があります。一つはフィドルであり、スクリプトがそう次のように設定し、画面のロード前に実行する必要があります。
第二には、ディレクティブに$scope
を注入しないでください。 link
関数内のディレクティブスコープにのみアクセスできます。
以下の回答から、私はplunkrで働いているかどうかを確認できましたが、私はjsFiddleで実行できません。これを示してくれてありがとう。 –
あなたがリンクは、私は – akazemis
が壊れています。私はエディタでリンクを適切に設定できません。私はそれを試しています。人々は実際の質問を解決しようとするのではなく、問題を軽視するのが速すぎて幸せです。私はそれを適切なリンクにするために編集し続けます。 –
はタマスありがとうそれを開くことができた –