龙空技术网

AngularJS引导程序

尚硅谷教育 108

前言:

今天看官们对“js监控变量”都比较关心,大家都想要分析一些“js监控变量”的相关知识。那么小编同时在网络上网罗了一些对于“js监控变量””的相关文章,希望我们能喜欢,我们快快来学习一下吧!

ngularJS的首选样式表是Twitter Bootstrap,Twitter Bootstrap是目前的的前端框架。

引导程序

你可以在你的AngularJS应用中加入Twitter Bootstrap,你可以在你的<head>元素中添加如下代码:

<link rel =“ stylesheet” href =“ // maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”>

如果站点在国内,建议使用百度静态资源库的Bootstrap,代码如下:

<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
Bootstrap类解析

元素

引导类

定义

<div>

容器

内容容器

<表格>

表格

<表格>

表条纹

带条纹背景的表格

<按钮>

btn

按钮

<按钮>

btn成功

成功按钮

<span>

甘草

字形图标

<span>

甘草铅笔

铅笔图标

<span>

glyphicon用户

用户图标

<span>

Glyphicon保存

保存图标

<表格>

水平形式

水平表格

<div>

形式组

表单组

<标签>

控制标签

控制器标签

<标签>

col-sm-2

跨越2列

<div>

col-sm-10

跨越10列

JavaScript代码解析

范围属性

用途

$ scope.fName

模型变量(用户名)

$ scope.lName

模型变量(用户姓)

$ scope.passw1

模型变量(用户密码1)

$ scope.passw2

模型变量(用户密码2)

$ scope.users

模型变量(用户的数量)

$ scope.edit

当用户点击创建用户时设置为true。

$ scope.error

如果passw1不等于passw2设置为true

$ scope.incomplete

如果有一个主轴为空(length = 0)设置为true

$ scope.editUser

设置模型变量

$ scope.watch

监控模型变量

$ scope.test

验证模型变量的错误和初步

标签: #js监控变量