angularJS 判断

判断语句:

ng-switch on

ng-switch-when
ng-switch-when
ng-if=”person.sex==1“
<ul>
<li ng-repeat=”person in persons”>

<span ng-switch on=”person.sex”>
<span ng-switch-when=”1〃>you are a boy</span>
<span ng-switch-when=”2〃>you are a girl</span>
</span>

<div ng-switch on="person.Clickable">
    <div ng-switch-when="1" class="item_wrap">
        <a href="#/MettingDetail">
             {{person.Name}}
          </a>
     </div>
     <div ng-switch-when="0" class="item_wrap">
            <a>{{person.Name}}</a>
     </div>
</div>

<span ng-if=”person.sex==1〃>you may be a father</span>
<span ng-show=”person.sex==2〃>you may be a mother</span>

<span>
please input your baby’s name:<input type=”text” ng-disabled=”!person.hasBaby”/>
</span>

</li>
</ul>

angularJS 判断

时间: 2024-11-05 18:10:48

angularJS 判断的相关文章

angularjs 判断是否包含 permIDs|filter:&#39;10&#39;

<div class="span12 tools">                <ul class="row-fluid" id="menueoffen">                    <li class="span3 "  ng-show="(permIDs|filter:'10')!=''|| loginInfo.isSuperAdmin==1">   

AngularJS判断checkbox/复选框是否选中并实时显示

最近做了一个选择标签的功能,把一些标签展示给用户,用户选择自己喜欢的标签,就类似我们在购物网站看到的那种过滤标签似的: 简单的效果如图所示: 首先看一下html代码: 1 <!DOCTYPE html> 2 <html data-ng-app="App"> 3 <head> 4 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/

AngularJS判断checkbox/复选框是否选中

html代码: 1 <!DOCTYPE html> 2 <html data-ng-app="App"> 3 <head> 4 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 5 <script type="text/javascript&qu

angularjs-判断类型函数

#angularjs判断类型函数 <!DOCTYPE html> <html>  <head>   <meta charset="utf-8" />   <title></title>   <script src="js/angular.min.js"></script>  </head>  <body>   <div ng-app=&quo

AngularJs Angular数据类型判断

AngularJs Angular数据类型判断 angular.isArray 判断括号内的值是否为数组. 格式:angular.isArray(value); value: 被判断是否为数组的值. --------------------------------------------------------------- angular.isDate 判断括号内的值是否是一个时间. 格式:angular.isDate(value); value:被判断是否为时间的值. -----------

AngularJs 用 $location 设置和判断在哪个页面

之前有个判断在那个页面上的问题困扰了我很久~后来查了很久的文档才找到的$location这个注入的Service,和大家分享下拉~省的你们找啦~ 当然可以用window.location来达到同样的目的. 我是不是棒棒哒?~ 前方高能......................................... 这是AngularJS 介绍$location的网址啦(想阅读先翻墙):https://docs.angularjs.org/guide/$location 言归正传........

angularJs项目实战!01:模块划分和目录组织

近日来我有幸主导了一个典型的web app开发.该项目从产品层次来说是个典型的CRUD应用,故而我毫不犹豫地采用了grunt + boilerplate + angularjs + bootstrap + D3 + requirejs 的架构来实现它.angularjs早在去年6月份我就有所接触,将它应用在实验室项目的个别页面中,11月份在新浪的时候也将其推荐给了所在云事业部项目组.项目组老大程辉等人都是很有技术敏感性的人,大胆地采纳了我的建议,将之应用于原本使用dojo开发的项目前端模块上.然

Angularjs基础(七)

AngularJS表单 AngularJS表单时输入控件的集合HTML控件 一下HTML input 元素被称为HTML 控件: input 元素 select元素 button元素 textarea元素 HTML 表单 AngularjS表单上实例 <div ng-app="myApp" ng-controller="formCtrl"> <from novalidate> First Name: <input type="

桂电在线_微信公众平台开发之-运用angularjs显示学校公告新闻列表和详情页面

折腾angularjs的感悟 几天折腾,总的来说看了很多博客,要么不是最新的技术文档,要么写得不够完整,因为别人是基于他们的理解写的技术博客代码不一定会贴完整,所以一旦你用的是最新的想要看完整的实例就只能去官网查阅文档,现在通过实现下面的两个功能才真正了解什么是前端的MVVM框架. 另外,总结下我理解中的MVVM框架:后台php是MVC框架,一直做法是php处理数据,然后把数据渲染到模板,然后后台返回html页面给浏览器, 现在前端mvvm(model-view-viewmodel)就是:mod