Проблемы с возвышенным текстом и угловым JS

Question

Проблемы с возвышенным текстом и угловым JS

0

Я использовал Sublime в качестве редактора и редактировал файлы HTML, ссылаясь на Angular JS-скрипты в них. Я загрузил пакет Angular JS из опции "Package Control: Install Package" и включил браузеры, чтобы я мог просматривать свою работу в Chrome при ее запуске. Я использовал обучающие материалы с этого сайта: http://learn-angular.org/#!/lessons/the-essentials, и использовал код из упражнений на уроках и помещал их в свой возвышенный редактор, и он, похоже, не признает Угловой скрипт.

Это пример кода, который я использовал для выполнения "Двусторонней привязки" (http://learn-angular.org/#!/lessons/two-way-bindings):

    <!doctype html>
<html ng-app>
  <head>
    <title>My Angular App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  </head>
  <body>
  <div ng-controller="index">
    <div>
        Favorite word: <input type="text" ng-model="favoriteWord" />
        - {{favoriteWord}}
    </div>
    <div>
        Favorite color:
        <input type="radio" name="fc" value="Red" ng-model="favoriteColor">Red</input>
        <input type="radio" name="fc" value="Green" ng-model="favoriteColor">Green</input>
        <input type="radio" name="fc" value="Yellow" ng-model="favoriteColor">Yellow</input>
        <input type="radio" name="fc" value="Blue" ng-model="favoriteColor">Blue</input>
        - {{favoriteColor}}
    </div>
    <div>
        Favorite shape:
        <select ng-model="favoriteShape">
            <option value="Circle">Circle</option>
            <option value="Triangle">Triangle</option>
            <option value="Square">Square</option>
        </select>
        - {{favoriteShape}}
    </div>
</div>
<script type="text/javascript">
    angular.module("root", [])
    .controller("index", ["$scope", function($scope) {
        $scope.favoriteWord;
        $scope.favoriteColor;
        $scope.favoriteShape;
    }]);
</script>
  </body>
</html>

Но когда он помещается в Sublime, он не распознает контроллер и привязывает его к представлению. Что я делаю не так? Это моя настройка кода или что-то, что я делаю неправильно с редактором?

Thomas Sch 16 авг. 2015, в 07:36

Источник

0

<html of-app = "root">
gr3g 16 авг. 2015, в 09:30

Теги:

javascript

angularjs

sublimetext2

1 ответ

Ещё вопросы

Hasta Tamang · Answer 1 · 2015-08-16T04-34-00.000Z

Mate, вам не хватает <html ng-app="root">. Сообщите своему приложению, чтобы использовать этот модуль. http://learn-angular.org/#!/lessons/the-essentials