1

<form name="myForm">...このコードを書きましたが、アプリをタグ内に配置すると機能しません。それを機能させるにはどうすればよいですか！myForm(その中に配置するたびにng-app動作しますが、私のアプリは の中にある必要があります<form>)

<form name="myForm">
    <div ng-app ng-init="myInput = 'ABC'">
        <input name="myInput" ng-model="myInput" required>
        <h1>{{myForm.myInput.$valid}}</h1>
    </div>
</form>

jsfiddle

4

2 に答える 2

1

ngForm ディレクティブ (こちら) を使用して、検証サービスを有効にすることができます。

このような：

<div ng-app="" ng-controller="validateCtrl" name="myForm" novalidate ng-form>
于 2016-12-10T10:32:17.173 に答える
0

ng-appタグの中にタグがありましformた。formこれが、 のタグがmyFormangular によってコンパイルされず、myFormangular スコープ内で使用できない理由です。

angular & によってコンパイルされたすべてが angular コンテキスト内にとどまるようにng-app、最上位の親、ほとんどがhtml/タグに移動する必要があります。body

<form ng-app name="myForm">
    <div  ng-init="myInput = 'ABC'">
        <input name="myInput" ng-model="myInput" required>
        <h1>{{myForm.myInput.$valid}}</h1>
    </div>
</form>

フォークフィドル

モジュールなしでAngularアプリケーションを作成するのはお勧めできません。理想的には、モジュールを持ち、そのモジュールをng-appディレクティブ内に提供する必要があります。私はあなたがそれを持っていた理由を学んでいると思います。

于 2016-12-10T10:20:20.683 に答える