ASP.Net не компилирует AngularJS

Question

ASP.Net не компилирует AngularJS

0

Доброй ночи!

Я пытаюсь реализовать API ASP.NET, но я не могу понять, почему мой угловой код не компилируется правильно!

Я только что создал новый пустой веб-проект, добавленный угловой и jquery через NUGET, и я пытаюсь добавить сценарии, подобные этому.

Index.html

<!DOCTYPE html>
<html>

<head ng-app="palladarApp">
  <title>CodeBranch - Palladar</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>

<body ng-controller="palladarCtrl">
  <div>
    <header></header>
    <section>{{ teste }}</section>
    <hr />
    <section>{{ 13 + 31 }}</section>
    <footer></footer>
  </div>

  <!--Load Libraries-->
  <link href="Content/bootstrap.min.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.4.js"></script>
  <script src="Scripts/angular.js"></script>
  <script src="Scripts/i18n/angular-locale_pt-br.js"></script>
  <script src="Scripts/angular-route.js"></script>
  <script src="Scripts/angular-animate.js"></script>

  <!--Load Scripts-->
  <script src="app/Controllers/palladarController.js"></script>
</body>

</html>

PalladarController.js

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

app.controller('palladarCtrl', ['$scope', '$http', '$modal', function($scope, $http, $modal) {

  $http.defaults.headers.post['Content-Type'] = 'application/json';

  $scope.teste = "HUE HUE HUE";
}]);

Когда я запускаю проект, я просто видел в своем браузере коды.

{{ teste }}
{{ 13 + 31 }}

Если я открою консоль браузера (F12), она не покажет никаких ошибок.

Lucas Freitas 25 сен. 2015, в 03:14

Источник

1

Вам нужно добавить атрибут ng-app в <html> вместо <head> .
yazaki 25 сен. 2015, в 01:09

Теги:

javascript

jquery

angularjs

asp.net

asp.net-web-api

1 ответ

Ещё вопросы

Вам нужно добавить атрибут ng-app в <html> вместо <head> .

Danny Fardy Jhonston Bermúdez · Accepted Answer · 2015-09-24T22-45-00.000Z

Вам нужно поставить: ng-app="palladarApp" внутри тега html, что-то вроде этого:

<!DOCTYPE html>
<html ng-app="palladarApp">
<head>
  <title>CodeBranch - Palladar</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>

<body ng-controller="palladarCtrl">
  <div>
    <header></header>
    <section>{{ teste }}</section>
    <hr />
    <section>{{ 13 + 31 }}</section>
    <footer></footer>
  </div>

  <!--Load Libraries-->
  <link href="Content/bootstrap.min.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.4.js"></script>
  <script src="Scripts/angular.js"></script>
  <script src="Scripts/i18n/angular-locale_pt-br.js"></script>
  <script src="Scripts/angular-route.js"></script>
  <script src="Scripts/angular-animate.js"></script>

  <!--Load Scripts-->
  <script src="app/Controllers/palladarController.js"></script>
</body>

</html>

О, Боже мой, я просто искал код около двух часов и не видел этого. Спасибо