在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);
}
~~~
![](https://box.kancloud.cn/dda361f9cf45a27e45d4fca1beb3806d_501x25.png)
发现不是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学习