美文网首页我爱编程
angular中ng-option或ng-repeat循环产生的

angular中ng-option或ng-repeat循环产生的

作者: Look_a_Look | 来源:发表于2017-08-09 12:57 被阅读393次

    在angular中,通过angular自带指令如ng-repeat生成的变量的值都是string,即使是对数字数组进行ng-repeat,结果都会转换为string。

    在于ng-if或ng-show或ng-hide使用 == 匹配的时候会导致控制显示隐藏不正确,如下例子:

    select选择全部时,0 都会显示

    <div ng-app="">
        <select ng-model="status">
            <option value="">全部</option>
            <option value="0">未检查</option>
            <option value="1">已检查</option>
        </select>
        <div ng-if="status==''">空</div>
        <div ng-if="status==0">0</div>
        <div ng-if="status==1">1</div>
    </div>
    

    使用ng-switch或者修改代码为以下

    <div ng-app="">
        <select ng-model="status">
            <option value="">全部</option>
            <option value="0">未检查</option>
            <option value="1">已检查</option>
        </select>
        <div ng-if="status===''">空</div>
        <div ng-if="status==='0'">0</div>
        <div ng-if="status==='1'">1</div>
    </div>
    

    https://stackoverflow.com/questions/24200729/ng-if-not-equal-to

    相关文章

      网友评论

        本文标题:angular中ng-option或ng-repeat循环产生的

        本文链接:https://www.haomeiwen.com/subject/fkstqxtx.html