<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title> Angular JavaScript! </title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
</head>
<body>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<div class="container">
<input class="form-control" ng-model="Firstname" />
{{Firstname}}
</div> <!-- container -->
</body>
</html>
my script.js
var app = angular.module('myApp'. []);
app.controller('myCtrl', function($scope){
$scope.Firstname = "guidy";
$scope.Lastname = "manson";
})
Я пытался найти решение для этого в течение нескольких часов, и я просто не могу найти его.
Моя проблема в том, что привязка данных внезапно не работает после того, как я поместил ng-app="myApp"
в свой тег Html. Однако, когда я так выразился: ng-app=""
, привязка данных уже работает. Можете ли вы понять, почему привязка данных angularjs не работает после того, как я положил или идентифицировал "myApp" в своем ng-приложении?
var app = angular.module('myApp'. []);
Это должно иметь запятую, а не точку
var app = angular.module('myApp', []);
Также добавьте ng-controller="myCtrl"
к вашему представлению
вы должны добавить директиву ng-controller
к вашему представлению.
<body ng-controller="myCtrl">
<div class="container">
<input class="form-control" ng-model="Firstname" />
{{Firstname}}
</div> <!-- container -->
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>