在网站提供程序

时间:2016-11-01 10:03:31

标签: angularjs

这是我的app.js

angular.module('data',['ui.router']).config(function($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise('/home');
    $stateProvider

    .state('home', {

    url: '/home',
    templateUrl: '/app/views/showusers.html',
    controller: 'Crud'


    })
    .state('about', {
    url: '/about',
    templateUrl: '/app/views/addusers.html',

    })


    });

CrudController.js

angular.module('values', []).controller('Crud', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
    function edituser(id)
    {
    console.log(id);
    }
    });

这是index

<!DOCTYPE html>
    <head>
        <title>
        MEAN Stack App
        </title>
        <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">

    </head>
    <body ng-app="data">
        <script src="/bower_components/angular/angular.js"></script>
        <script src="/bower_components/angular-ui-router/release/angular-ui-router.js"></script>

        <script src="/app/controller/CrudController.js"></script>
        <script src="/app/app.js"></script>

        <div class="container">
            <h1>MEAN Application</h1>
            <h1>xsx{{firstName}}</h1>

            <div ui-view>


            </div>
        </div>
    </body>
    </html>

当我在网站提供程序中的app.js中定义控制器时,它返回的控制器不是一个没有发现的函数。

我正在使用angularjs1.5.8版本。请帮我解决这个问题。我是这个技术的新手..谢谢

1 个答案:

答案 0 :(得分:0)

您需要链接App.jsController。在您的服务中:

angular.module('values', ['controllerinject']) // => here you injected your controller


.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: '/app/views/showusers.html',
      controller: 'Crud'
    })
  $urlRouterProvider.otherwise('/home');
})

在您的控制器中添加相同的angular.module('controllerinject', [])