2017.11.27.10.10.9：18分2017年出生的男宝宝起名大全男取名王麒森好还是王箐好

来源：蜘蛛抓取(WebSpider) 时间：2017-11-28 23:32 标签： 2017年出生的男宝宝起名大全
所有回答(1)
class="{{xxx}}"
你可以把这个class设定为变量，然后用ng-if="xxx === 'xx'"
园豆：33397
园豆：33397
&&&您需要以后才能回答，未注册用户请先。AngularJS之ng-class指令_javascript_ThinkSAAS
AngularJS之ng-class指令
AngularJS之ng-class指令
内容来源： 网络
ng-class是AngularJS预设的一个指令，用于动态自定义dom元素的css class name.
在angular中为我们提供了3种方案处理class：
　　1：scope变量绑定。
&button ng-class="{{blue}}"&button1&/button&
$sc.blue = "blue";
.blue{
background-color:
　　2：字符串数组形式。
&button ng-class="{true: &red&}[isRed]"&button2&/button&
$sc.isRed =
.red{
background-color:
3：对象key/value处理。
&button ng-class="{&yellow&: isYellow, &color&: color}"&button3&/button&
$sc.isYellow =
$sc.color =
.yellow{
background-color:
.color{
color: #
注意：如果元素中存在多个ng-class属性，只识别第一个ng-class，其余会忽略。
效果：
　　/detail/aywqo0hg
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信关于AngularJS中的ng-class - 推酷
关于AngularJS中的ng-class
&&&&在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在controller scope上定义某变量，其值为class name，形如：
function ctr($scope){
$scope.test =“classname”;
&div class=”{{test}}”&&/div&
& & &这种方式完全没错，是angular提供的一种改变class的方式，但是在controller涉及了classname在我看来是乎总是那么诡异，我希望的是controller是一个干净的纯javascript意义的object。
&&&&在angular中为我们提供了3种方案处理class：
&&&&&&&&1：scope变量绑定，如上例。（不推荐使用）
&&&&&&&&2：字符串数组形式。
&&&&&&&&3：对象key/value处理。
&&&&我们继续其他两种解决方案：
&&&&1字符串数组形式是针对class简单变化，具有排斥性的变化，true是什么class，false是什么class，其形如;
function Ctr($scope) {
$scope.isActive =
&div ng-class=&{true: 'active', false: 'inactive'}[isActive]&&
&&&&其结果是2中组合，isActive表达式为true，则 active，负责inactive。
&&&&2对象key/value处理主要针对复杂的class混合，其形如：
function Ctr($scope) {
&div ng-class {'selected': isSelected, 'car': isCar}&&
&&&&当 isSelected = true 则增加selected class，
&&&&当isCar=true,则增加car class，
&&&&所以你结果可能是4种组合。
&&&&个人推荐用2，3两种方式，不建议将class放入controller scope之上，scope需要保持纯洁行，scope上的只能是数据和行为。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致15402人阅读
AngularJS（4）
ionic（5）
有三种方法：
1、通过$scope绑定（不推荐）
2、通过对象数组绑定
3、通过key/value键值对绑定
实现方法：
1、通过$scope绑定（不推荐）：
function ctrl($scope) {
$scope.className = &selected&;
&div class=&{{className}}&&&/div&
2、通过对象数组绑定：
function ctrl($scope) {
$scope.isSelected =
&div ng-class=&{true:'selected',false:'unselected'}[isSelected]&&&/div&
当isSelected为true时，增加selected样式；当isSelected为false时，增加unselected样式。
3、通过key/value键值对绑定：
function ctrl($scope) {
$scope.isA =
$scope.isB =
$scope.isC =
&div ng-class=&{'A':isA,'B':isB,'C':isC}&&&/div&
当isA为true时，增加A样式；当isB为true时，增加B样式；当isC为true时，增加C样式。
&ion-list&
&ion-item ng-repeat=&project in projects& ng-click=&selectProject(project, $index)& ng-class=&{active: activeProject == project}&&
{{project.title}}
&/ion-item&
&/ion-list&根据projects循环创建ion-item，当activeProject为当前循环到的project时，增加active样式。
几点说明：
1、不推荐第一种方法，因为controller&$scope应该只有数据和行为
2、ng-class是增加相关样式，可以和class同时使用
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：902997次
积分：7332
积分：7332
排名：第2733名
原创：45篇
转载：186篇
评论：75条
(2)(1)(1)(2)(3)(5)(3)(12)(7)(5)(3)(6)(8)(1)(3)(4)(1)(4)(4)(5)(9)(2)(6)(17)(16)(6)(17)(23)(15)(3)(2)(2)(1)(4)(5)(6)(4)(3)(9)(1)(1)

我要回帖

更多关于 2017年出生的男宝宝起名大全 的文章

 

随机推荐