Javascript 在函数中执行角js
我正在尝试执行下面的函数,其中包含angular js代码Javascript 在函数中执行角js,javascript,angularjs,Javascript,Angularjs,我正在尝试执行下面的函数,其中包含angular js代码 function updateData() { var crudApp = angular.module("crudTest", []); crudApp.service("editData", function() { var editArray = ["BLAUS", "Blauer See Delikatessen", "Hanna Moos",
function updateData() {
var crudApp = angular.module("crudTest", []);
crudApp.service("editData", function() {
var editArray = ["BLAUS", "Blauer See Delikatessen", "Hanna Moos", "Sales Representative", "Forsterstr. 57", "Mannheim", ""];
return {
editArrayy : editArray
};
});
crudApp.controller = ("modalContent",
function($scope) {
$scope.inputs = editData.editArrayy;
});
}
但是,错误如下所示:
未捕获错误:[$injector:modulerr]$injector/modulerr?p0=crudTest&p1=Error%3…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.8%2Fangular.min.js%3A17%3A350)
html结构为:
<html ng-app="crudTest">
<body>
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Edit Customer</h4>
</div>
<div class="modal-body" ng-controller="modalContent">
<form ng-repeat="input in inputs">
<span>Customer ID</span>
<input type="text" value={{input}} />
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
Close
</button>
<button type="button" class="btn btn-primary">
Save changes
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>
&时代;
编辑客户
客户ID
接近
保存更改
您必须将editData服务注入控制器:
crudApp.controller = ("modalContent",
function($scope,editData) {
$scope.inputs = editData.editArrayy;
});
我相信这个问题是由于将angular代码包装到
updateData()
方法中造成的
这就是为什么会出现错误:在ng app指令中引用crudTest模块时未能实例化模块crudTest
为什么要将其包装在函数中,该函数在何处调用