从 Angular UI 路由访问控制器

Accessing a controller from Angular UI routing

本文关键字：访问控制 控制器 访问 路由 Angular UI      更新时间：2023-09-26
(function () {
    var app = angular.module('foo', ['bar'])
    .config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider
        .state('home', {
            url:'/home/:Id',
            templateUrl: '/foo/template.thml',
            controller: 'bar'
        })
    });
})();

这是指数.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<body ng-app="steve">
    <div ui-view></div>
</body>
</html>

<script type="text/javascript" src="Scripts/angular.min.js"></script>
<script type="text/javascript" src="Scripts/angular-ui-router.js"></script>
<script type="text/javascript" src="app/user/BarController.js"></script>
<script type="text/javascript" src="app/App.js"></script>

和酒吧控制器 

(function () {
    var app = angular.module('bar', []);
    app.controller('barCTRL', function () {
        this.mark = 'mark test';
    });

})();

我在另一个 JS 文件中创建了一个控制器，并希望通过 .state 配置部分中的控制器选项传递它。每当我这样做时，我都会收到此错误

任何帮助将不胜感激。谢谢！

试试这个：

var app = angular.module('foo', ['bar'])
    .config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider
        .state('home', {
            url:'/home/:Id',
            templateUrl: '/foo/template.thml',
            controller: 'barCTRL'
        })
    });
相关文章：