Блог

Главная - Вопросы по программированию - Будет ли angularjs работать локально?

Будет ли angularjs работать локально?

#html #css #angularjs

#HTML #css #angularjs

Вопрос:

Будут ли чистые angular и css / html работать на локальном компьютере?

В моем случае я не получаю никаких ошибок, но в то же время сообщения не будут показывать никаких выходных данных. Есть идеи, почему?

Часть кода:

 <head>
    <link rel="stylesheet" type="text/css" href="/C:somethingherestyle.css">

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="/C:somethinghereapp.js"></script>

</head>

<body class="parent" ng-app="myApp">
{{ messages }}
</div>

приложение:

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

myApp.controller('GreetingController', ['$scope', function($scope) {
    $scope.messages = "hello";
    $scope.ratings = [{test: 22},{test: 99}];
}]);

ПРИМЕЧАНИЕ: ссылки правильные, я просто изменил ссылки, чтобы теперь показывать мое имя пользователя.

Комментарии:

1. Если у вас буквально есть /C: в начале ваших локальных путей, то проблема в этом: пути, скорее всего, неправильные. Посмотрите на вкладку сети браузера, чтобы увидеть ошибки. Если вы можете, вам следует использовать относительные пути.

2. путь не является неправильным. я просто изменил их в сообщении здесь.

3. Я не говорю, что путь неверен, я говорю, что способ, которым вы добавляете их к атрибутам href / src, неверен. На вкладке сеть указано, что они загружаются правильно?

4. я так думаю. в журнале консоли нет ошибок, и когда я проверяю исходное представление и нажимаю на ссылки, ссылки работают.

5. В конце вам не хватает тега <div ng-controller="GreetingController"> above {{ messages }} и </body> закрывающего тега.

Ответ №1:

Ответ: да, angular работает на локальной машине.

Проблема в вашем коде заключается в том, что вы не назначаете контроллер представлению, вам не хватает ng-controller="GreetingController" внутреннего представления.

Итак, чтобы исправить это, просто заключите {{ messages }} внутри div тега ng-controller атрибут.

Решение может выглядеть так:

 <body class="parent" ng-app="myApp">
   <div ng-controller="GreetingController">
      {{ messages }}
   </div>
</body>

Также, пожалуйста, обратите внимание, что в вашем HTML вы открыли <body> тег, но закрыли его с </div> помощью tag . Вы пропустили </body> заключающий тег и вы пропустили <div> открывающий тег.

Еще один небольшой совет:

Попробуйте использовать относительные пути вместо абсолютных путей при загрузке файлов CSS / JS.

Просто напишите <link href='styles/style.css'> вместо <link href='c:/.../styles/style.css'> . Этот путь предполагает, что у вас есть styles папка в той же папке, в которой существует ваш HTML-файл.