簡單的 AngularJS 應用程序不起作用。如何調試這個？

Question

我正在嘗試使用 angularjs 改進我們巨大的 js (jquery) 遺產。 現在我的第一個問題，從簡化的代碼開始：

angularApp.js：

angular.module('ngSomeApp', [])

    // changed interpolate provider to avoid smarty cancer
    .config(['$interpolateProvider', function ($interpolateProvider) {
        $interpolateProvider.startSymbol('[[');
        $interpolateProvider.endSymbol(']]');
    }])

    // getting party started
    .controller('ngSomeController', ['$scope', '$http', function($scope, $http) {
        $scope.test = 'Hello World';
        console.log($scope.test);
    }]); // module closed

DOM：

<html>
    <head>
        // loading angular.min.js (1.4.6)
        // loading angularApp.js
    </head>
    <body>
        <div ng-app="ngSomeApp">
            [[2+2]]
            <div ng-controller="ngSomeController">
                [[2+2]]
                [[test]]
            </div>
        </div>
    </body>

我的問題是：

[[2+2]] 和 [[test]] 不渲染
控制台中沒有錯誤（也沒有“Hello World”）
{literal}{{2+2}}{/literal}（我們使用 smarty）和未修改的插值 povider 也不起作用
如果我 console.log(angular.module('ngSomeApp')); 在 angularApp.js 的末尾：

對象 {_configBlocks: Array[0], _runBlocks: Array[0], requires: Array[0], name: "ngSomeApp", requiresOriginal: undefined}

代碼很簡單，我沒有看到問題。 你有什么主意嗎？ 你看我的代碼有什么問題嗎？

Answer 1

您的代碼適用於 1.2.23，即使使用 1.4.2

注意：除了創建代碼段之外，我沒有更改任何內容。

 angular.module('ngSomeApp', []) // changed interpolate provider to avoid smarty cancer .config(['$interpolateProvider', function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); } ]) // getting party started .controller('ngSomeController', ['$scope', '$http', function($scope, $http) { $scope.test = 'Hello World'; console.log($scope.test); } ]);

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script> <div ng-app="ngSomeApp"> [[2+2]] <div ng-controller="ngSomeController"> [[2+2]] [[test]] </div> </div>

簡單的 AngularJS 應用程序不起作用。如何調試這個？

問題描述

1 個解決方案

解決方案1
2 2015-09-25 08:24:30

簡單的 AngularJS 應用程序不起作用。 如何調試這個？

問題描述

1 個解決方案

解決方案1 2 2015-09-25 08:24:30

簡單的 AngularJS 應用程序不起作用。如何調試這個？

解決方案1
2 2015-09-25 08:24:30