在angularjs中,我們讓側邊欄點擊高亮 可以用$state.include實現,但是今天使用state.includes的時候,發現一直不能讓側邊欄高亮:
~~~
ng-class="{highLight2: state.is(task.url)}"
~~~
1. 把highLight2后面的表達式換成true,發現可以高亮,證明不是前面的問題,而是表達式的問問題
2. 給該標簽加一個ng-click,然后把task.url作為參數傳進去,看看是不是url的問題:
~~~
<li ng-class="{highLight2: state.is(task.url)}"
ng-click="vm.taskClick(task.url)"
ui-sref={{task.url}}
style="padding-left: 70px">
<a>{{task.moduleName}}</a>
</li>
~~~
~~~
vm.taskCLick=function (url) {
console.log(url);
}
~~~

發現不是url的問題,那問題只能出現在state上,最后發現是自己漏了一段代碼:
~~~
vm.state = $state;
~~~
必須把state進行綁定,才能在Html上進行state.is或includes,
之前一直以為state是angular內置的,像filter那樣,麻瓜了:
最后的代碼:
~~~
<li ng-class="{highLight2: vm.state.is(task.url)}"
ng-click="vm.taskClick(task.url)"
ui-sref={{task.url}}
style="padding-left: 70px">
<a>{{task.moduleName}}</a>
</li>
~~~
- 空白目錄
- Javascript
- angularjs
- 自定義指令
- scope
- 自定義指令的封裝
- 自定義指令限制只能輸入數字
- 輪播圖
- 寫angular的順序
- $state
- video
- Es6
- Let
- 箭頭函數
- export
- promise
- 函數
- vue
- vue安裝,以及項目結構
- vue的使用
- easy-vue
- vue起步
- vue基礎
- vue-router
- vue-各文件的依賴關系
- vuex
- vue使用sass語法
- mpvue使用wx.parse
- vue-cli 構建vue項目
- vant的使用
- vue使用插件及常見問題
- 原生Js
- 數組
- ajax
- 執行上下文
- 正則表達式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用總結
- webpack
- webpack的構建
- WebStorm
- 切圖相關
- 蘋果手機注意事項
- other
- 前端的價值
- 面試相關
- css
- 小程序如何引用外部字體
- 流的理解
- 替換元素
- content和偽元素
- padding和background 繪制圖形
- css圓角,陰影,漸變
- line-height verticle-align
- 使用background繪制4個直角
- android的字體偏上的問題
- 小程序
- 小程序常見問題
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化學習筆記
- mork.js學習