如何使用$ scope.detailsForm修复'undefined'错误

我是angularjs的新手，已经编写了一个小程序，但面向未定义的“scope.detailsForm”错误。有人可以帮我解决下面的代码有什么问题。

b.js文件：

var app = angular.module('my-app', []); 
app.controller("my-cont", function($scope) { 
    $scope.detailsForm.clickme.$setValidity("error1",true); 
});

b.html文件：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script type="text/javascript" src="b.js"></script> 
</head> 
<body ng-app="my-app" ng-controller="my-cont"> 
<form method="get" name="detailsForm" ng-model="detailsForm"> 
    <button name='clickme' ng-disabled="detailsForm.clickme.$error.error1">Click Me!</button> 
</form> 
</body> 
</html>

来源

2016-08-27 user2225190

要停用按钮吗？ –

我想知道以上代码 – user2225190

form1未定义的问题。我没有在文件b.html –

你的问题是，你不能把它当控制器未建，则需要等待html将由Angular处理。这是一个example。

正如您将在控制台中看到的，第一个日志将回显未定义，第二个日志将回显该表单。

var app = angular.module('MyApp', []); 
app.controller("MyCont", ['$scope', function($scope) { 

    console.log($scope.detailsForm); 
    $scope.onClicked = function() 
    { 
     console.log($scope.detailsForm); 
    } 
}]);

来源

2016-08-27 22:17:45

如何使用$ scope.detailsForm修复'undefined'错误

回答

相关问题