亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

簡單問題:為什么angular js無法正常工作?

簡單問題:為什么angular js無法正常工作?

蝴蝶不菲 2018-10-16 13:31:23
我寫了一段簡單代碼,使用了angular js,可是不知道為什么,程序并沒有響應我的代碼,代碼如下:<!DOCTYPE html><html ng-app>     <head>         <title>js </title>        <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>     </head>     <body>         <table ng-controller="BasketCtrl">             <tr><td>Item:</td><td>{{description}}</td></tr>             <tr><td>cost:</td><td>{{cost}}</td></tr>             <tr><td>qty:</td><td><input type="number" ng-model="qty"></td></tr>             <tr><td>subtotal:</td><td>{{qty * cost|currency}}</td></tr>         </table>         <script src="./js/test1.js"></script>     </body></html>test1.js是我自己定義的一小段js:function BasketCtrl($scope) {     $scope.description='Singe ticket';     $scope.cost=8;     $scope.qty=1; }然而,似乎并不能正確運行:那個cdn是用的網上一個叫“菜鳥教程”所提供的,沒有問題。作為新手實在是不明白自己這段代碼的問題所在,希望有朋友和大神可以指出,謝謝~
查看完整描述

1 回答

?
炎炎設計

TA貢獻1808條經驗 獲得超4個贊

你使用的Angular版本是1.4.6,而在Angular1.3.0及其后版本中,不允許直接在根節點上(rootScope)上掛載控制器,而你寫的代碼中是直接注冊了控制器,所以控制臺必定會報錯。
解決方法是創建模塊,即在HTML中設置ng-app="basket"
在JS中:

var app = angular.module('basket');                        
// 創建的模塊名,在ng-app中使用此名稱app.controller('BasketCtrl', function BasketCtrl($scope) { // 在模塊上注冊控制器
    $scope.description='Singe ticket';
    $scope.cost=8;
    $scope.qty=1;
})


查看完整回答
反對 回復 2018-11-01
  • 1 回答
  • 0 關注
  • 532 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號