当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

AngularJs 三目运算 表达式判断

发表于: 2014-09-10   作者:qiaolevip   来源:转载   浏览:
摘要: 事件回顾:由于需要修改同一个模板,里面包含2个不同的内容,第一个里面使用的时间差和第二个里面名称不一样,其他过滤器,内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not,继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {

事件回顾:由于需要修改同一个模板,里面包含2个不同的内容,第一个里面使用的时间差和第二个里面名称不一样,其他过滤器,内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not,继续追究其源码。

var b = "{{",
      a = "}}";
        this.startSymbol = function(a) {
            return a ? (b = a, this) : b
        };
        this.endSymbol = function(b) {
            return b ? (a = b, this) : a
        };

var Ca = b.startSymbol(),
                    oa = b.endSymbol(),
                    Z = "{{" == Ca || "}}" == oa ? Fa : function(a) {
                        return a.replace(/\{\{/g, Ca).replace(/}}/g, oa)
                    }, W = /^ngAttr[A-Z]/;
                return z

 

源码剖析:其实就是把angularjs特有的{{}}符号替换掉,里面的内容接着在转成js继续处理,所以里面的表达式各种你都可以使用js特有的属性啊,内置函数啊操作它。它就是这么神奇。

 

使用指南:

<span class="remaining-time">{=__('directives_market.sl_loan_card.remain_time')=}
{{ loan.loanTimeRemaining||loan.listingTimeLeft | slRemainingTime }}
</span>

 

{{ev.email ? "{=__('validation')=}" : 
"{=__('account.summary.account_profile.bind_data')=}"}}

 

复杂型三目运算:

<input type="text" class="form-control email input-sm" id="account-email" name="email" ng-class="{inputError:userEmail.emailError}"
               ng-model="userEmail.email" required placeholder="{{userEmail.isVerified ? '{=__("account.summary.account_profile.input_new_email")=}' : '{=__("account.summary.account_profile.input_email_address")=}'}}" autocomplete="off" sl-email/>


placeholder="{{cellphoneVerification.isVerified ? '{=__('account.summary.account_profile.input_new_mobile_number')=}' : '{=__('account.summary.account_profile.input_mobile_number')=}'}}"

 

 

 

继续学习:http://each.sinaapp.com/angular/

AngularJs 三目运算 表达式判断

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
${row[7] > 0 ? "正面" : "负面"} <s:if test="#row[7]>=0"> <font color="blue">
前面了解了AngularJS的基本用法,这里就跟着PDF一起学习下表达式的相关内容。   在AngularJS中的
一:angularjs表达式的解析 angularjs会在运行$digest循环中自动解析表达式,但有时手动解析表达式也
一:angularjs表达式的解析 angularjs会在运行$digest循环中自动解析表达式,但有时手动解析表达式也
Angular表达式 Angular表达式类似于JS代码,有双大括号绑定,其格式为{{expression}}. 例如: 1+2 -
学习笔记-AngularJs(二)写了个所有程序语言入门时都必须要写的Hello World,那么从现在开始做那个
加号的两种用法: 1.在SELECT子句中使用+号以执行对数据的运算并将结果显示出来。   SELECT ITEM
加号的两种用法: 1.在SELECT子句中使用+号以执行对数据的运算并将结果显示出来。   SELECT ITEM
代码部分: #include <stdio.h> #include <stdlib.h> #define MaxOp 100 #define MaxSi
先看一段代码: package com.raze; public class IfsetorArithmetic { public static void main(Str
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号