为 Angular 获取 Plunker 运行时出现问题

Question

我对 Angular 和 Plunker 都是新手，请帮助我解决我的假设错误。好吧，我刚刚在以下 link:

创建了一个 Plunker

https://plnkr.co/edit/zaZgTQgoEUZ6RsOilY7h

我的模块如下所示：

(function() {

'use strict';

var maintenancePortabilityModule = angular.module('maintenance.portability.module',['ui.router']);

maintenancePortabilityModule.config([
    '$stateProvider',
    function ($stateProvider) {
        $stateProvider

           .state('portability',
            {
                abstract: true,
                url: '/portability',
                template: '<ui-view/>'
            })

             .state('portability.landing',
            {
                url: '/landing',
                templateUrl: 'index.html',
                controller: 'portabilityImportController'
            })

            .state('portability.import',
            {               
                url:'/import',
                templateUrl: 'import.html',
                controller: 'portabilityImportController'
            })
    }
]);


maintenancePortabilityModule.controller('portabilityImportController',
['$scope', 
    function ($scope) {
        $scope.Message = 'Hello welcome to import page';
    }
]);

})();

我的 html 如下所示：

> <h2>Data Package Management</h2>
> 
> <div ng-app="maintenance.portability.module" class="row push-down-md">
>     <div class="col-md-12">
>         <tabset>
>             <tab heading="Create">
>                 <div>
>                     Create Package
>                 </div>
>             </tab>
>             <tab  >
>                 <div>{{Message}}</div>
>             </tab>
>         </tabset>
>     </div>
>     </div>

我设置了我的模块、控制器并将我绑定到该模块，但它看起来不像在工作。可能我错过了一些重要的东西。谁能帮我搞定这个plunker，让它能成功从controller中获取数据并正确显示{{Message}}组件？

Answer 1

假设您已经包含了必要的库（因为我没有在您的 plunker 中看到它们）：

<script data-require="angular.js.1.3@1.5.2" data-semver="1.5.2" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angular.js"></script>
<script data-require="ui-router@*" data-semver="1.0.0-beta.2" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script>
<script src="script.js"></script>

您只需添加 ng-controller="portabilityImportController"。

这里是 plunker: https://plnkr.co/edit/HE278C7OubEDUVEXQceJ

为 Angular 获取 Plunker 运行时出现问题

Problems getting Plunker running for Angular

javascript

angularjs

plunker

为 Angular 获取 Plunker 运行 时出现问题

Problems getting Plunker running for Angular

javascript

angularjs

plunker

为 Angular 获取 Plunker 运行时出现问题