<form name="myForm">
<label for="name"><span>Name*: </span>
<br>
<input
name="myName"
type="name"
id="name"
minlength="3"
maxlength="16"
autofocus="on"
required
placeholder=" Ajay"
ng-model="$ctrl.myName"
autocomplete="name">
</label>
</form>
コンポーネントのコード私のテンプレートhtmlですコントローラ（機能制御（））。どうやってやるの？
HTML：
<form name="myForm">
<label for="name"><span>Name*: </span>
<br>
<input name="myName" type="name" id="name" minlength="3" maxlength="16" autofocus="on" required placeholder="Type any name" ng-model="name" autocomplete="name">
</label>
</form>
JS：
angular.module('loginPage')
.component('loginPage', {
templateUrl: 'login/login.template.html',
controller: ["$scope", function control($scope) {
console.log($scope.name);
}]
});
私は入力を編集したくありません。むしろ、リアルタイムで入力値を取得したいと考えています。それ、どうやったら出来るの？ – Ajayv
が編集されました。入力用のng-model ** name **は、データを添付されたコントローラの$ scopeにバインドします。スコープ –
を介してデータを取得することは、AngularJSのデータバインディングへの迅速なポインタhttp://www.w3schools.com/angular/angular_databinding.asp –
それは バインディング使用することによって達成することができる：成分に
：{ '<' の名前}定義オブジェクト。このような名前はコントローラーで利用できるようになります。
あなたはディレクティブオブジェクトの `require`一部を使用してディレクティブまたはコンポーネントからモデルにアクセスすることができ、テンプレートNG-モデル=「$のctrl.name」ではなく、NG-モデル=「名前」
と'link'関数で必要なコントローラの機能を使用します。 [必要なのはどういう意味ですか： 'ngModel'？]（http://stackoverflow.com/a/20930713/691711）に対するこの回答を参照してください。コンポーネントの 'controller'部分でこれを実際には行いません。 – zero298