コントローラーのフォームにアクセスできますか？

現在以下を使用しています。

$scope.$$childHead.customerForm[firstName]、 そのため：

<form name="customerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" 
         tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

ただし、これはChromeでのみ機能します。今私は以下を試しました：

$scope.editCustomerForm[firstName]、 そのため：

<form name="customerForm" ng-model="editCustomerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

うまくいきません。フォームがFoundationタブ内にあることに注意してください。どうすればアクセスできますfirstNameか？

編集：それは財団タブ内にあるときformはに追加されていないようscopeです。

誰かがこれに対する解決策を持っていますか？

他のコメントでほのめかしたが、 "Controller As"構文を使用する人のために少し詳しく説明すると思いました。

<div ng-controller="MyController as ctrl">

<form name="ctrl.myForm">
    ...inputs
    Dirty? {{ctrl.myForm.$dirty}}

    <button ng-click="ctrl.saveChanges()">Save</button>
</form>

</div>

その後、次のようなコードでFormControllerにアクセスできます。

function MyController () {
    var vm = this;
    vm.saveChanges = saveChanges;

    function saveChanges() {

       if(vm.myForm.$valid) { 
            // Save to db or whatever.
            vm.myForm.$setPristine();
       }
}

親コントローラーで定義されているオブジェクトにフォームを添付できます。その後、子スコープからでもフォームに到達できます。

親コントローラー

$scope.forms = {};

子スコープ内のいくつかのテンプレート

<form name="forms.form1">
</form>

問題は、コントローラーのコードを実行するときにフォームを定義する必要がないことです。だからあなたはこのようなことをしなければなりません

$scope.$watch('forms.form1', function(form) {
  if(form) {
    // your code...
  }
});

検証のためにフォームをコントローラーに渡す場合は、送信を処理するメソッドの引数としてフォームを単に渡すことができます。フォーム名を使用するので、元の質問の場合は次のようになります。

<button ng-click="submit(customerForm)">Save</button>

答えに少し遅れましたが、次のオプションが付いていました。それは私のために働いていますが、それが正しい方法であるかどうかはわかりません。

私の見解では、私はこれをやっています：

<form name="formName">
    <div ng-init="setForm(formName);"></div>
</form>

そしてコントローラーで：

$scope.setForm = function (form) {
    $scope.myForm = form;
}

これを行った後、コントローラー変数にフォームが表示されます。 $scope.myForm

コントローラのフォームにアクセスできるようにするには、ダミーのスコープオブジェクトにフォームを追加する必要があります。

何かのようなもの $scope.dummy = {}

あなたの状況では、これは次のようなことを意味します：

<form name="dummy.customerForm">

コントローラでは、次の方法でフォームにアクセスできます。

$scope.dummy.customerForm

あなたは次のようなことができるようになります

$scope.dummy.customerForm.$setPristine()

WIKI LINK

「。」モデル内で、プロトタイプの継承が機能していることを確認します。したがって、では<input type="text" ng-model="someObj.prop1">なく<input type="text" ng-model="prop1">

プリミティブを本当に使用したい/必要な場合は、2つの回避策があります。

1.子スコープで$ parent.parentScopePropertyを使用します。これにより、子スコープが独自のプロパティを作成できなくなります。2.親スコープで関数を定義し、子から呼び出し、プリミティブ値を親に渡します（常に可能とは限りません）。

この答えは少し遅いですが、すべてをもっと簡単にするソリューションに偶然出会いました。

controllerAs構文を使用している場合は、実際にフォーム名を直接コントローラーに割り当てて、「this」変数から参照できます。これが私のコードでどのようにしたかです：

私はui-routerを介してコントローラーを構成しました（ただし、HTMLでものように直接、好きなように実行できます<div ng-controller="someController as myCtrl">）これは、ui-router構成で次のように表示される可能性があります。

views: {
            "": {
                templateUrl: "someTemplate.html",
                controller: "someController",
                controllerAs: "myCtrl"
            }
       }

そして、HTMLでフォーム名を "controllerAs"。 "name"として設定します。

<ng-form name="myCtrl.someForm">
    <!-- example form code here -->
    <input name="firstName" ng-model="myCtrl.user.firstName" required>
</ng-form>

コントローラ内で、これを非常に簡単に行うことができます：

angular
.module("something")
.controller("someController",
    [
       "$scope",
        function ($scope) {
            var vm = this;
            if(vm.someForm.$valid){
              // do something
            }
    }]);

はい、コントローラのフォームにアクセスできます（docsに記載されています）。

フォームがコントローラースコープで定義されておらず、代わりに子スコープで定義されている場合を除きます。

基本的にng-if、ng-repeatやng-include、などのいくつかの角度ディレクティブは、孤立した子スコープを作成します。scope: {}プロパティが定義されたカスタムディレクティブも同様です。おそらく、基盤コンポーネントも邪魔になっています。

タグのng-if周りにシンプルを導入するときにも同じ問題がありました<form>。

詳細については、以下を参照してください。

• https://groups.google.com/forum/#!topic/angular/B2uB8-9_Xbk

• AngularJS-ng-includeを使用するとスコープが失われる

注：質問を書き直すことをお勧めします。あなたの質問への答えはイエスですが、あなたの問題は少し異なります：

コントローラーから子スコープのフォームにアクセスできますか？

答えは単純にそうなります：いいえ。

ng-model="$ctrl.formName"フォームに属性を追加すると、コントローラーでコントローラー内のオブジェクトとしてフォームにアクセスできます。this.formName

もちろん、スコープbecのフォームにはアクセスできません。作成されません。htmlテンプレートからのDOMは、コントローラーコンストラクターのように少しずつ読み込まれます。解決策は、DOMが読み込まれ、すべてのスコープが定義されるまで監視することです。

コントローラ内：

$timeout(function(){
    console.log('customerForm:', $scope.customerForm);
    // everything else what you need
});