ASP.Net无法编译AngularJS

Question

晚安！

我正在尝试实现ASP.NET API，但无法弄清楚为什么我的angular无法正确编译！

我刚刚创建了一个新的空Web项目，并通过NUGET添加了angular和jquery ，并且试图添加这样的脚本。

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），则不会显示任何错误。

Answer 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>

ASP.Net无法编译AngularJS

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-09-25 01:08:36

ASP.Net无法编译AngularJS

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-09-25 01:08:36

解决方案1
1 已采纳 2015-09-25 01:08:36