Question

我有一个AngularJS控制器，我想在我的MVC webform视图页面中使用。

我创建了一个简单的代码，但似乎没有用。

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>

我希望看到测试这个词，但它没有绑定。我只看到 {{text}}

Answer 1

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

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

你也没有提到在头部加载angular.js脚本

如何在webform中实现AngularJS控制器？

1 个答案: