Angular.js: How to reload scope?
I have some markup and loaded controllers.
Then I load some modal window contents by ajax, which is using one of
controllers I have defined before. But looks like this controller isn't
being used, because he is not required until modal loaded.
Question: How to make controller work when modal loaded? I tryied
$scope.$digest(), got error "digest in progress".
index.html
<html data-ng-app="foo">
<head>
<script src="/js/app.js"></script>
</head>
<body>
<div id="modal"></div>
</body>
</html>
js/app.js
!(function(){
function FormCtrl($scope) {
console.log($scope); // never fired
$scope.Submit = function() {
console.log('submit'); // never fired too :C
}
}
angular.module('foo', []).controller('FormCtrl', FormCtrl);
})();
html content loaded by ajax and inserted to #modal
<div data-ng-controller="FormCtrl">
<form name="signup" data-ng-submit="Submit()">
<!-- form data -->
</form>
</div>
No comments:
Post a Comment