AngularJs иногда не загружается

Я запускаю очень базовую программу в angularjs, но не знаю, почему сценарий не загружается. теги оценки отображаются на странице просмотра.AngularJs иногда не загружается

Может ли кто-нибудь сказать мне, что случилось с программой?

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html ng-app='myApp'> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>Your Shopping Cart</title> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 

     </head> 
    <body ng-controller='CartController'> 
    <h1>Your Order</h1> 
    <div ng-repeat='item in items'> 
    <span>{{item.title}}</span> 
    <input ng-model='item.quantity'> 
    <span>{{item.price | currency}}</span> 
    <span>{{item.price * item.quantity | currency}}</span> 
    <button ng-click="remove($index)">Remove</button> 
    </div> 

    <script type="text/javascript"> 
    function CartController($scope) { 
    $scope.items = [ 
    {title: 'Paint pots', quantity: '8', price: '3.95'}, 
    {title: 'Polka dots', quantity: '17', price: '12.95'}, 
    {title: 'Pebbles', quantity: '5', price: '6.95'} 
    ]; 
$scope.remove = function(index) { 
// splice is an ECMA javascript function 
$scope.items.splice(index, 1); 
    } 
    } 
    </script> 
    </body> 
    </html>

Я попробовал этот код, это работает отлично

<!DOCTYPE html> 
<html ng-app> 
<head> 
<title>Hello World</title> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
</head> 
<body> 
<div ng-controller="ContactController"> 
    Email:<input type="text" ng-model="newcontact"/> 
    <button ng-click="add()">Add</button> 
    <h2>Contacts</h2> 

<ul> 
    <li ng-repeat="contact in contacts"> {{ contact }} </li> 
    </ul> 

</div> 
<script type="text/javascript"> 
function ContactController($scope) { 
    $scope.contacts = ["[email protected]", "[email protected]"]; 

    $scope.add = function() { 
    $scope.contacts.push($scope.newcontact); 
    $scope.newcontact = ""; 
    } 
} 
    </script> 
    </body> 
    </html>

источник

2013-11-20 underdog

Вы пробельные в ваш угловой скрипт. – deadlock

жаль, что это произошло при копировании кода здесь, в редакторе URL-адрес в порядке. Я даже исправил его здесь – underdog

В вашем URL-адресе по-прежнему отсутствует 'http:'. – deadlock

Изменить это:

<html ng-app='myApp' >

к этому

<html ng-app >

Вы не имеют модуль под названием 'myApp'

DEMO

источник

2013-11-20 04:20:52 Fresheyeball

Большое спасибо за вашу помощь, удалив имя модуля, работающее с ng-app. Я ценю это. Еще раз спасибо :) – underdog

Вы не объявить угловое приложение. Попробуйте это:

var app = angular.module('myApp', []); 
app.controller('CartController',function CartController($scope) { 
    $scope.items = [ 
    {title: 'Paint pots', quantity: '8', price: '3.95'}, 
    {title: 'Polka dots', quantity: '17', price: '12.95'}, 
    {title: 'Pebbles', quantity: '5', price: '6.95'} 
    ]; 
    $scope.remove = function(index) { 
     // splice is an ECMA javascript function 
     $scope.items.splice(index, 1); 
    } 
});

источник

2013-11-20 04:19:27 deadlock

Добавление рабочего [jsfiddle] (http://jsfiddle.net/nkanand4/HxCAJ/). –

AngularJs иногда не загружается

ответ

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