AngularJS:浏览器忽略我的控制器定义(依赖注入）

AngularJS: Browser ignores my Controller Definition (Dependency Injection)

本文关键字：定义 依赖 注入 控制器 我的 浏览器 AngularJS      更新时间：2023-09-26

我在项目中使用角度转换，但我无法定义具有$translate依赖注入的控制器。该代码未在浏览器中执行。我已经检查了JSHint。。。

index.html

<html ng-app='ngApp'>
  <body>
    <div ng-controller="orderFormCtr">
        <ul>
            <li>{{'TITLE' | translate}}</li>
            <li translate="TITLE"></li>
        </ul>
    </div>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-translate/angular-translate.js"></script>
    <script src="app.js"></script>
  </body>
</html>

app.js

angular.module('ngApp', ['pascalprecht.translate']);
// this code works
angular.module('ngApp').config(['$translateProvider', function ($translateProvider) {
        $translateProvider.translations('en', {
            TITLE: 'Hello'
        });
        $translateProvider.translations('de', {
            TITLE: 'Hallo'
        });
}]);
// the browser ignores this code
angular.module('ngApp').controller('orderFormCtr', ['$scope', '$translate', function ($scope, $translate) {
    alert("Controller Code executed");
}]);

var app = angular.module('ngApp', ['pascalprecht.translate']);
// this code works
app.config(['$translateProvider', function ($translateProvider) {
        $translateProvider.translations('en', {
            TITLE: 'Hello'
        });
        $translateProvider.translations('de', {
            TITLE: 'Hallo'
        });
        $translateProvider.preferredLanguage('en');
        //or translateProvider.determinePreferredLanguage()
}]);
// the browser ignores this code
app.controller('orderFormCtr', ['$scope', '$translate', function ($scope, $translate) {
    alert("Controller Code executed");
}]);

http://jsbin.com/miqazola/1/

相关文章：