1

選択ボックス、テキスト、数値型入力などを含む長いフォームがあります。ユーザーがフォームの送信ボタンをクリックしたときに、現在空のフィールドを確認し、それらのフィールドにダミー値を入力して、最後に値を読み取り、正しいスコープ vars 値を取得しました。

jQueryを使用してフィールドが空かどうかを確認し、jQueryを使用してそれらのフィールドに入力しています。

フィールドにデータが入力されても、スコープ変数の値は変更されません...どうすればこれを変更できますか???

ここにフィドルがあります:LINK

私が欲しいのは、ここで「クリック」をクリックすると、入力がbhumiakを読み取るので、そうすべきです<h1>Hello {{yourName}}!</h1>

これを行う方法?

4

1 に答える 1

0

はい、すでに lucuma が述べたように、jQuery でこれを行うべきではなく、角度のある方法で行う必要があります。

Angular は既に次のようなコードを追加することなく、出力文字列を単独で埋めることができます。

<div ng-app="myApp" ng-controller="MyCtrl">
    <label>Name:</label>
    <input type="text" id="na" ng-model="yourName" placeholder="Enter a name here"/>
    <input type="button" value="click" ng-click="myClick()"/>
    <h1>Hello {{yourName}}!</h1>
</div>

このフィドルを調べて、例を作成しました:http://jsfiddle.net/marcorinck/zYyLf/

はい、必要に応じて (特にディレクティブで) $apply の呼び出しを使用できますが、最初に $apply に関数パラメーターを指定し、次に angularJS が取得できるこの関数を変更する必要があります。

$apply の詳細については、次のブログ投稿を参照してください: http://jimhoskins.com/2012/12/17/angularjs-and-apply.html

于 2013-05-13T19:37:32.233 に答える