angular.js - angular js配置路由 編寫控制器的時(shí)候說(shuō)跳轉(zhuǎn)頁(yè)內(nèi)的數(shù)據(jù)模型不存在
問(wèn)題描述
<!DOCTYPE html><html><head> <meta charset='UTF-8'> <title>angular admin test</title><link rel='stylesheet' > <link rel='stylesheet' > <link rel='stylesheet' ><!-- <base >--></head><body ng-app='myapp'> <body ng-app='myapp'><p ng-app='admin'><p><p> <span>Admin angular</span></p><p> <!--<a>Download Now</a>--> <button class='btn-download ui inverted basic button'>Download Now</butto></p></p><p><p class='ui inverted vertical menu'> <a > Dashboard</a> <a > Charts</a> <a > Tables</a> <a > Forms</a> <a > Bootstrap Elements</a> <a > Bootstap Grid</a> <a > Component</a> <a > Menu</a> <a > BlankPage</a></p> </p> <p ng-view></p></p> </body></html>
app.js配置路由的
var app = angular.module(’myapp’, [’ngRoute’, ’ngAnimate’])//app.value(’defaultcount’, 100)app.config(function ($routeProvider) { // $locationProvider.html5Mode(true) $routeProvider.when(’/dashboard’, { templateUrl: ’dashboard.html’, controller: ’dashboard’, authenticate: true})// $routeProvider.when(’/charts’, {//templateUrl: ’charts.html’,// })// $routeProvider.when(’/tables’, {//templateUrl: ’tables.html’,// })// $routeProvider.when(’/forms’, {//templateUrl: ’forms.html’,// })})app.controller(’dashboard’, function ($scope) { $scope.save = function () {alert(’success’) } $scope.reset = function () {$scope.notecontent = '' } $scope.count = 100 - $scope.notecontent.length;})
出錯(cuò)如下angular.js - angular js配置路由 編寫控制器的時(shí)候說(shuō)跳轉(zhuǎn)頁(yè)內(nèi)的數(shù)據(jù)模型不存在
angular.js - angular js配置路由 編寫控制器的時(shí)候說(shuō)跳轉(zhuǎn)頁(yè)內(nèi)的數(shù)據(jù)模型不存在
求大神帶！！！！！！
問(wèn)題解答
回答1：
$scope.notecontent是全局變量，但是在使用之前也是要聲明的。這個(gè)變量在你點(diǎn)擊重置按鈕之前還沒(méi)有被定義，雖然你點(diǎn)擊之后定義的是全局變量。可以在controller頂部聲明一次$scope.notecontent=’’;就行了。
還有個(gè)問(wèn)題，你這代碼里有三個(gè)ng-app居然運(yùn)行成功了。。。
相關(guān)文章：
1. windows2003下的apache響應(yīng)時(shí)間特別長(zhǎng)?2. 關(guān)于docker下的nginx壓力測(cè)試3. debian - docker依賴的aufs-tools源碼哪里可以找到啊？4. node.js - nodejs+express+vue5. javascript - vue vue-router 報(bào)$router重復(fù)定義6. 關(guān)于Java引用傳遞的一個(gè)困惑？7. java - 根據(jù)月份查詢多個(gè)表里的內(nèi)容怎么實(shí)現(xiàn)好？8. android - 復(fù)雜布局問(wèn)題9. javascript - webpack熱加載配置不生效10. mysql - eclispe無(wú)法打開(kāi)數(shù)據(jù)庫(kù)連接
網(wǎng)公網(wǎng)安備