4

与えられたコントローラー

function ctl($scope, $http) {
  $scope.postForm = function() {
    console.log("submitting form")
  }
}

とビュー

  <form name="pform" ng-show="!error.Show">
    <div ng-view></div>
    <button type='button' value='Save' ng-click="postForm()" />
  </form>

コントローラーメソッドpostFormは呼び出されませんが、フォームタグをビューに移動すると、メソッドが呼び出されます。これが期待どおりに機能しない理由はありますか? 異なるビュー間でフォーム コントロールを共有するという目標を達成する別の方法はありますか?

アップデート

私のモジュールとrouteProviderは次のように構成されています:

angular.module("profilemodule", [])
.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when("/info", { templateUrl: '/partials/profile/info.html', controller: ProfileController })
        .when("/user", { templateUrl: '/partials/profile/user.html', controller: ProfileController })
        .when("/introduction", { templateUrl: '/partials/profile/editor.html', controller: ProfileController })
        .otherwise({ redirectTo: '/info' });
}]).run(function ($rootScope, $location) {
    $rootScope.location = $location;
})

ページには、次のように位置情報サービスに基づいて設定されたいくつかの nav 要素が含まれています。

<div class="row">
    <div class="offset2 span10">
        <ul class="nav nav-pills">
            <li ng-class="{active: location.$$path.substring(0, '/info'.length) == '/info'}"><a href="#/info" >Information</a></li>
            <li ng-class="{active: location.$$path.substring(0, '/user'.length) == '/user'}"><a href="#/user" >User</a></li>
            <li ng-class="{active: location.$$path.substring(0, '/intro'.length) == '/intro'}"><a href="#/intro" >Introduction</a></li>
        </ul>
    </div>
</div>

<form name="pform" method="POST" ng-show="!error.Show">
   <div ng-view></div>
   <button type='button' value='Save' ng-click="postForm()" />
</form>

ng-classステートメントは完全に機能します。モジュールのメソッドで のプロパティを設定したからですかlocation?$scoperun

ありがとう、

ジェイソン

4

1 に答える 1

1

ng-viewwith routing はコントローラーで新しいスコープを作成し、子スコープに到達できません。送信アクションは親スコープにあり、フォーム データは子スコープにあります (によって作成されng-viewます)。

共通のフォーム コントロールを使用する場合は、 を使用できます。このディレクティブはテンプレートを取得し、現在のスコープng-includeでそれをレンダリングします。

フォーム コントロールを新しいテンプレートに移動し、すべてのフォームに含めます。

API リファレンス:
http://docs.angularjs.org/api/ng.directive:ngInclude

于 2013-01-20T14:50:02.090 に答える