мой угловой js не работает после того, как я определил что-то в моем ng-приложении

0
<!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-приложении?

Теги:

2 ответа

0
Лучший ответ
var app = angular.module('myApp'. []);

Это должно иметь запятую, а не точку

var app = angular.module('myApp', []);

Также добавьте ng-controller="myCtrl" к вашему представлению

0

вы должны добавить директиву 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>
  • 0
    спасибо товарищ :) хорошего дня

Ещё вопросы

Сообщество Overcoder
Наверх
Меню