2

私は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

助けてください。

4

1 に答える 1

2

jQLiteセレクターベースのクエリをサポートしていません (AngularJS の前に jQuery が含まれていない場合)。基本的には DOM 要素で必要です。あなたは（引用符）documentなしで持っているべきです'

コード

angular.element(document).ready(function() {
    angular.bootstrap(document, [ 'myApp' ]);
});
于 2015-12-06T15:09:21.340 に答える