0
Angularにまったく新しく、ng-repeatにはseverl入力ボックスが表示され、それぞれに独自のng-model名が必要ですが、ng-repeatはマイapp.js 入力テキストのng-repeatはディレクティブのng-modelに設定されていません
= "{{data.id}}名前でNG-モデルを投入し、クラッシュ私はウォッチャー{{}}その周りを構築しようとした場合（つまり、NG-モデルではない：angular.module('app', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.data = {
dataSet: null,
inputs: [
{id: 'data1', name: 'Option A', type:'input', preFill:"no.A"},
{id: 'data2', name: 'Option B', type:'input', preFill:"no.B"},
{id: 'data3', name: 'Option C', type:'input', preFill:"no.C"}
],
};
}]).directive('formPanel', function() {
return {
restrict: 'E',
scope: {
info: '='
},
template: '<div ng-controller="ExampleController"><form name="myForm">'+
'<label for="{{option.name}}" ng-repeat="option in data.inputs"><br />'+
'Input {{option.name}}:'+
'<input ng-model="option.id" id="{{option.id}}" name="{{option.name}}" '+
'type="{{option.type}}" class="form-control">'+
' </label></form><hr>'+
'<span>data: = {{ data1}} , {{data2}}, {{data3}}.</span><br/>'+
'</div>' };
});
})
とhtml：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="app" >
<form-panel info="data"></form-panel>
</body>
</html>
私はトンでみました彼のPlunker：Plunker Link
ngモデルはバインドされていません（？）おそらく同じ理由で$スコープ名が入力の代わりに名前の代わりにデータとして表示されますバインドされるデータ
すなわちNG-モデルは=「DATA1」読んでください、代わりにNG-モデル=「option.id」
テンプレート内のng-Controllerの使用は、複数のファイルではなく、ここに簡単に投稿できるようにすることでした。予想される出力はdata = no.A、no.B、no.Cです。データは3つの入力ボックスから出力されます。 – BaneStar007
それで、トラックについて、$ compile、$ link ..を読んだ後、私の問題に直接対処しているようですが、私はそれを理解していないと言います.. "