Отображение углового кода на странице

Я участвую в процессе обучения угловатым. Когда я выполняю код, приведенный нижеОтображение углового кода на странице

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example - example-guide-concepts-1-production</title> 


    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script> 



</head> 
<body > 
     <div ng-app ng-init="qty=1;cost=2"> 
     <b>Invoice:</b> 
     <div> 
     Quantity: <input type="number" min="0" ng-model="qty"> 
     </div> 
     <div> 
     Costs: <input type="number" min="0" ng-model="cost"> 
     </div> 
     <div> 
     <b>Total:</b> {{qty * cost | currency}} 
     </div> 
    </div> 
</body> 
</html>

Код, который отображает {{qty * cost | валюта}}. Угловая не загружается в браузер (хром)? Я проверил версию углового, и, похоже, все в порядке. Благодарю.

источник

2014-09-09 andrew_b

его рабочий. проверьте, загружен ли angular.min.js :) –

Как вы загружаете эту страницу в своем браузере? Ваша ссылка на Angular.js является ** протокольной агностикой **, и поэтому, если по нечетной вероятности, которую вы тестировали с использованием локального адреса файловой системы, это не сработает. Подготовьте адрес с помощью http: 'или проверьте с помощью http/https. – GordyD

Подготовить http к адресу локального файла? –

Скорее всего, вы угловые js не загружены должным образом.

Проверьте этот код plunker с кодом, это работает.

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div ng-app ng-init="qty=1;cost=2"> 
     <b>Invoice:</b> 
     <div> 
      Quantity: 
      <input type="number" min="0" ng-model="qty"> 
     </div> 
     <div> 
      Costs: 
      <input type="number" min="0" ng-model="cost"> 
     </div> 
     <div> 
      <b>Total:</b> {{qty * cost | currency}} 
     </div> 
    </div> 
</body> 

</html>

источник

2014-09-09 12:16:25 Yasser

Отображение углового кода на странице

ответ

Смежные вопросы