ASP.Net 不编译 AngularJS答案

【问题标题】：ASP.Net Doesn't compile AngularJSASP.Net 不编译 AngularJS
【发布时间】：2015-09-25 01:04:17
【问题描述】：

晚安！

我正在尝试实现一个 ASP.NET API，但我不知道为什么我的 Angular 编译不正确！

我刚刚创建了一个新的空 web 项目，通过 NUGET 添加了 angular 和 jquery，我正在尝试添加这样的脚本。

索引.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)，它不会显示任何错误。

【问题讨论】：

您需要在<html> 标签上添加ng-app 属性而不是<head>。

标签： jquery javascript jquery asp.net angularjs asp.net-web-api

【解决方案1】：

你需要把：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>

【讨论】：

天哪，我的错，我只是找了两个小时的代码，没有看到。谢谢