4

routeProvider、ng-view、およびコントローラーがあります。フォームと入力を備えたシンプルなテンプレート。{{form.var1.$dirty}} で $dirty の値を確認できます - 入力すると変化しますが、コントローラー コードでどのようにアクセスするのですか?

htmlメイン

<!doctype html>
<html ng-app="project">
<head>
    <meta charset="utf-8">
    <title>Tabs</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="lib/angular/angular.js"></script>
    <script src="js/dirty.js"></script>
    <!--<script src="js/tab.js"></script>-->
</head><body>

            <div ng-view>

            </div>

</body>
</html>

テンプレート

{{2+2}}<br>
|{{var1}}|<br>
|{{form.var1.$dirty}}|
<a href="" ng-click="dodo1();">check dirty</a>
<form class="form-horizontal" novalidate name="form" ng-submit="submit()">
    <input id="var1" name="var1"  class="input" type="text" ng-model="var1">
</form>

js

angular.module('project',[]).
    config(function($routeProvider) {
        $routeProvider.
            when('/', {controller:Ctrl1, templateUrl:'dirty_tab.html'}).
            when('/tab1', {controller:Ctrl1, templateUrl:'dirty_tab.html'}).
            otherwise({redirectTo:'/'});
    });

function Ctrl1($scope,$rootScope) {
    $scope.var1=100;
 $scope.dodo1 = function() {
    alert(form.var1.$dirty);
 }
}

アラートに「未定義」と表示されます。var1 $dirty 値を取得するには?

4

1 に答える 1