如何在 Web 表单中实现 AngularJS 控制器？

Posted

技术标签:

【中文标题】如何在 Web 表单中实现 AngularJS 控制器？【英文标题】：How to implement an AngularJS controller in a webform? 【发布时间】：2013-09-26 04:29:07 【问题描述】：

我有一个 AngularJS 控制器，我想在我的 MVC 网络表单视图页面中使用它。

我创建了一个简单的代码，但似乎不起作用。

Test.js

angular.module('project').controller("TestCtrl", function($scope)
  $scope.text = 'test';
);

View.aspx

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<SampleProject.Models.ReportInfo>" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="project">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server" ng-controller="TestCtrl">
        text
    </form>
</body>
</html>

我希望看到 test 这个词，但它没有绑定。我只看到 text

【问题讨论】：

【参考方案1】：

你需要在模块中的第二个参数，一个模块数组，供注入器在当前模块之前加载。在这种情况下，它将是空的。

angular.module('project', []).controller(....

您也没有参考在头部加载 angular.js 脚本

【讨论】：

我已经在我的其他 js 中引用了 angular.js。我尝试放置 [] 但我的页面没有完成加载 我也试过把 ng-app 放在 标签里，还是不行。我错过了什么吗？

以上是关于如何在 Web 表单中实现 AngularJS 控制器？的主要内容，如果未能解决你的问题，请参考以下文章