Question

我是Angularjs的新手。试图做一个基本的应用程序。卡住了。

我加载了angularjs

<script type="text/javascript"
src="https://code.angularjs.org/1.4.8/angular.min.js"></script>

在HTML中创建一个简单的表

<table ng-controller="CalculatorController">
    <thead>
        <tr>
            <th colspan="2">
                <h1>Calculator</h1>
            </th>
        </tr>
    </thead>
    <tr>
        <td>First number</td>
        <td><input ng-model="number1" type="number"></input></td>

    </tr>
    <tr>
        <td>Second number</td>
        <td><input ng-model="number2" type="number"></input></td>
    </tr>
    <tr>

        <td colspan='2'><input type="button" ng-click="sum()"
            value="Add"></input></td>
    </tr>
    <tr>
        <td>Result</td>
        <td>{{result}}</td>
    </tr>
</table>

然后添加了我的角度模块。

<script type="text/javascript">
    //Creates a new module called 'myApp'
    angular.module('myApp', []);

    // Load the app at document ready. 
    angular.element('document').ready(function() {
        angular.bootstrap(document, [ 'myApp' ]);
    });

虽然我还没有添加我的控制器，但我希望该页面能够正确加载。但是，我在浏览器上加载此页面时收到以下错误。

    Error: [jqLite:nosel] http://errors.angularjs.org/1.4.8/jqLite/nosel
Nangular.js:2737
(anonymous function)Calculator.html:47

请帮助。

Answer 1

jQLite不支持基于选择器的查询（如果在AngularJS之前没有包含jQuery），基本上它需要在DOM元素中。您应该document没有'（引号）

<强>代码

angular.element(document).ready(function() {
    angular.bootstrap(document, [ 'myApp' ]);
});

香草AngularJs没有加载。

1 个答案: