Как реализовать контроллер AngularJS в веб-форме?

У меня есть контроллер 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, но оно не связывает. Я вижу только {{текст}}

Источник

1 ответ

Решение

Вам нужен второй параметр в модуле, массив модулей для инжектора для загрузки перед текущим модулем. В этом случае он будет пустым.

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

У вас также нет ссылки на загрузку скрипта angular.js в голове

Источник
Другие вопросы по тегам