Я новичок в угловых js, и я только начал изучать его. Я проходил учебники по w3schools, и я застрял в форме. Причина в том, ниже:Разделение модуля AngularJS не работает должным образом
код, указанный в руководстве, как показано ниже, и она отлично работает:
<div ng-app="" ng-controller="formController">
<form novalidate>
First Name:<br>
<input type="text" ng-model="user.firstName"><br>
Last Name:<br>
<input type="text" ng-model="user.lastName">
<br><br>
<button ng-click="reset()">RESET</button>
</form>
<p>form = {{user}}</p>
<p>master = {{master}}</p>
</div>
<script>
function formController ($scope) {
$scope.master = {firstName: "John", lastName: "Doe"};
$scope.reset = function() {
$scope.user = angular.copy($scope.master);
};
$scope.reset();
};
</script>
Но я пытаюсь это разделение модулей, как показано в одном из своих tutorail но Безразлично» т работы вообще. Ниже я попытался.
<!DOCTYPE html>
<head>
<title>
Angular JS
</title>
</head>
<script src="Scripts/angular.min.js"></script>
<body>
<div data-ng-app="myApp" data-ng-controller="formController">
<form novalidate>
<table>
<tr>
<td>
First Name :
</td>
<td>
<input type="text" data-ng-model="user.firstName">
</td>
</tr>
<tr>
<td>
Last Name :
</td>
<td>
<input type="text" data-ng-model="user.lastName">
</td>
</tr>
<tr>
<button data-ng-click="reset()">Reset</button>
</tr>
</table>
</form>
<table>
<tr>
<td>
form = {{user}}
</td>
</tr>
<tr>
<td>
master= {{master}}
</tr>
</tr>
</table>
</div>
<script src="Scripts/myApp.js"></script>
<script src="Scripts/myCtrl.js"></script>
</body>
</html>
myCtrl.js содержит ниже код
app.controller("myCtrl",function($scope)
{
$scope.firstName = "John",
$scope.lastName = "Doe"
$scope.myVar = false;
$scope.toggle = function() {
$scope.myVar = !$scope.myVar;
};
});
app.controller("formController",function($scope)
{
$scope.master = {firstName: "John", lastName: "Doe"};
$scope.reset = function() {
$scope.user = angular.copy($scope.master);
};
$scope.reset();
});
и myApp.js, как показано ниже:
var app=angular.module("myApp",[]);
Но когда я пытаюсь код учебник дает мне ниже производство
форма = { "FirstName": "Джон", "LastName": "Doe"} мастер = { "FirstName": "Джон", "LastName": "Doe"}
и когда я бегу, что Я попытался это дает ниже выход
форму = {{пользователь}}
мастер = {{мастер}}
Почему это происходит так? Я также попытался сохранить ссылку angular.js наверху, но результат все тот же.
это работает для меня, может быть, это из-за вашей угловой версии. Какую версию ты используешь? –
Вы можете сообщить об ошибке в консоли? – squiroid
@JohnyStark Я использую v1.2.26 –