2016-12-01 2 views
0

Я новичок в угловом. Следующий контроллер кода не подключается к модели. Я простоНовичок AngularJS не может получить модель и контроллер для подключения

Я {{1 + 4}}

<!doctype html> 
    <html ng-app="myApp"> 
     <head> 
      <meta charset="utf-8"> 
      <title>AngularJS Email App</title> 
      <link href="css/style.css" rel="stylesheet"> 
     </head> 
     <body> 
     <script src="https://code.jquery.com/jquery-1.11.1.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.js"></script> 
     I am {{1+4}} 

     </script> 
    </body> 

+1

Вы должны написать 'Я {{1 + 4}}' в теле, а не в сценарии. –

+0

Последнее сообщение '' ничего не закрывает, удалите его –

+0

@ BünyaminSarıgül, good catch, @pob, просто удалите '' наконец – Sravan

ответ

0

Вы должны реализовать ваши контроллеры, директивы и т.д. в вашем скрипте. Содержимое веб-сайта, например I am {{1+4}}, должно быть в представлении, т. Е. Части тела вашего кода вне сценария.

0

<!DOCTYPE html> 
 

 
<html ng-app="begin"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
    <script src="app.js"></script> 
 
    </head> 
 
<script> 
 
    var app = angular.module('begin',[]); 
 
     app.controller('BusContorller', function($scope){ 
 
     
 
     }); 
 

 
    </script> 
 

 
    
 
    <div ng-controller="BusContorller as bus"> 
 
     I am: {{1+4}} 
 
     </div> 
 
    </body> 
 

 
</html>

0

Ваше сшивание нг-приложение для MYAPP, вы еще не создали этот модуль пока поэтому он не будет работать. Если вы проверите свои инструменты разработчика, вы увидите сообщение об ошибке. Причина, по которой вы получаете сообщение об ошибке, заключается в том, что AngularJS не загружается в представление, поскольку он не может найти модуль myApp.

У вас есть два варианта:

  1. Снимите MYAPP и просто нг-приложение = «» Это будет работать, так как угловой не будет выглядеть для конкретного модуля, используется при загрузке.

  2. Вы можете создать модуль, добавив еще один тег сценария со следующим кодом.

    var myApp = angular.module("myApp", []); 
    
Смежные вопросы