javascript - angularjs 中數(shù)組的修改問(wèn)題
問(wèn)題描述
最近在使用 angularjs 遇到一個(gè)修改數(shù)組的問(wèn)題。HTML 代碼如下
<span>title1</span><span>title2</span>
js 代碼如下
$scope.title1 = '標(biāo)題1'$scope.title2 = '標(biāo)題2'$scope.arrTitle = [$scope.title1, $scope.title2];//我試著修改 $scope.arrTitle[0] = 'xx';
但是 $scope.title1 沒(méi)有修改?$scope.arrTitle[0] 打印過(guò)出來(lái)應(yīng)該就是 $scope.title1 的啊?請(qǐng)問(wèn)大神們指點(diǎn)一下,應(yīng)該怎么修改才行?謝謝。
問(wèn)題解答
回答1:$scope.arrTitle已經(jīng)是一個(gè)新的變量了(數(shù)組)
你修改$scope.arrTitle[0],只是修改其第一個(gè)元素的數(shù)據(jù)。
$scope.arrTitle = [$scope.title1, $scope.title2];只是給數(shù)組賦初始值而已。
你希望改變$scope.arrTitle[0]時(shí),$scope.title1也改變,那就用$scope.$watch吧
回答2:其實(shí)可以把a(bǔ)rrTitle聲明為一個(gè)對(duì)象
<span ng-bind='arrTitle.title1'></span><span ng-bind='arrTitle.title2'></span>
$scope.arrTitle = { title1: '標(biāo)題1', title2: '標(biāo)題2'};//修改 $scope.arrTitle.title1 = 'xx';
相關(guān)文章:
1. dockerfile - [docker build image失敗- npm install]2. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗!3. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題4. android - viewpager問(wèn)題PagerTabStrip樣式5. python 字符串匹配問(wèn)題6. css3 隱藏文本7. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下8. javascript - 怎么實(shí)現(xiàn)讓 div 里面的 img 元素 中心居中, 如下示例圖9. javascript - 前端如何通過(guò)ajax和node.js交互?10. javascript - IOS微信audio標(biāo)簽不能通過(guò)touchend播放
