入门angularJs笔记手记一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
    angularjs表达式:
    ng-init ng-bind ng-app ng-model输入域的值绑定到程序  ng-repeat重复一个HTML元素
 
    自定义指令:
    <script>
    var app = angular.module("myApp", []);
    app.directive("runoobDirective", function() {
        return {
        template : "<h1>自定义指令!</h1>"
        };
    });
    </script>
 
angularJs Select 选择框
    ng-repeat 指令是通过数组来循环 HTML 代码来创建下拉列表,但 ng-options 指令更适合创建下拉列表,它有以下优势:
    使用 ng-options 的选项是一个对象, ng-repeat 是一个字符串。
 
 
    angularJs表格:
     
AngularJS HTML DOM:
    ng-disabled指令:ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。
    ng-show:隐藏或者显示一个HTML元素。可以根据表达式来计算布尔值。
    ng-hide 指令用于隐藏或显示 HTML 元素。
 
angularJs事件:
    ng-click指令定义了点击事件。
    ng-hide指令用于设置应用部分是否可见。ng-hide="true" 设置 HTML 元素不可见。
 
angularJs模块:
    通过angular.module函数来创建模块。
    ng-controller 指令来添加应用的控制器。
 
angularJs表单:
    novalidate 属性是在 HTML5 中新增的。禁用了使用浏览器的默认验证。
AngularJS 输入验证:
    $dirty  表单有填写记录
    $valid  字段内容合法的
    $invalid    字段内容是非法的
    $pristine   表单没有填写记录
 
angularJs依赖注入:
    5个核心组件用来作为依赖注入:
    value、factory、service、provider、constant
 
    Value 是一个简单的 javascript 对象,用于向控制器传递值
    factory 是一个函数用于返回值。在 service 和 controller 需要时创建

  

posted @   JXY_Super  阅读(156)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
阅读排行:
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Ai满嘴顺口溜,想考研?浪费我几个小时
· Browser-use 详细介绍&使用文档
· 软件产品开发中常见的10个问题及处理方法
点击右上角即可分享
微信分享提示