angularJS自学记录

柔光的暖阳◎ 2022-08-03 12:39 157阅读 0赞

1 $watch 函数，会监听$scope上的某个属性变化，然后运行自定义函数。

$scope.$watch('emailBody', function(body) \{ //code \});

2过滤器

app.controller('DemoController', \['$scope', '$filter',  
       function($scope, $filter) \{  
           $scope.name = $filter('lowercase')('Ari');  
       \}\]);

自定义过滤器

angular.module('myApp.filters', \[\])  
       .filter('capitalize', function() \{  
            return function(input) \{  
                // input是我们传入的字符串  
                if (input) \{  
                       return input\[0\].toUpperCase() + input.slice(1);  
                \}  
         \});

3表单验证

<input type="text" ng-pattern="\[a-zA-Z\]" />  模式匹配

4指令

angular.module('myApp',\[\])  
    .directive('myDirective', function() \{  
        return \{  
            restrict: 'E',  
            template: '<a href="http://google.com">Click me to go to Google</a>'  
       \};  
    \});

4.1

<div my-directive  my-url="http://google.com"  my-link-text="Click me to go to Google"></div>  
     angular.module('myApp', \[\])  
         .directive('myDirective', function() \{  
              return \{  
                  restrict: 'A',  
                  replace: true,  
                  scope: \{  
                         myUrl: '@', //?定??  
                         myLinkText: '@' //?定??  
                  \},  
                  template: '<a href="\{ \{myUrl\}\}">' +'\{ \{myLinkText\}\}</a>'  
              \};  
          \});

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue v-if指令学习例子整理记录自学前端

[vue v-if指令学习例子整理记录自学前端 ][vue v-i

旧城等待，/ 2023年07月04日 15:31/ 0 赞/ 4 阅读

相关 AngularJS 世界------Angularjs简介

AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过`<script>` 标签添加到 HTML 页面。 AngularJS 通过

末蓝、/ 2023年02月08日 13:00/ 0 赞/ 2 阅读

相关 python自学记录

python基础 jupyter使用注意: 1.添加虚拟环境，conda create --name python34 python=3.4

悠悠/ 2023年01月12日 13:59/ 0 赞/ 183 阅读

相关 Angularjs 学习记录

1.Angular 所有的控件以及源码 https://github.com/angular 2.Angular api doc https://code.

浅浅的花香味﹌/ 2022年08月27日 02:29/ 0 赞/ 165 阅读

相关 angularJS自学记录

1 $watch 函数，会监听$scope上的某个属性变化，然后运行自定义函数。 $scope.$watch('emailBody', function(body)

柔光的暖阳◎/ 2022年08月03日 12:39/ 0 赞/ 158 阅读

相关 angularjs

大家都说angularjs的学习曲线很陡峭，自己也是深有体会，找一本好书学习是很关键的。目前angularjs有几本书，京东上面的评价都不错，我就说说自己的阅读经验最推荐

Bertha 。/ 2022年07月15日 08:13/ 0 赞/ 194 阅读

相关 AngularJS------认识AngularJS

之前在C\中也经常使用MVC开发模式，对其的使用有一定的了解，但是现在需要学习AngularJS，这是纯前台的JS代码，那么为什么需要学习这个呢，就是想将验证这里全部在前台执行

拼搏现实的明天。/ 2022年05月31日 06:42/ 0 赞/ 248 阅读

相关 mpvue自学记录(不定期更新)

废话不多说，直接上手。 mpvue继承自vue.js，技术规范和语法特点与vue保持一致。该博客是建立在已经使用过vue-cli的基础上，且默认已经了解微信小程序的基本知识。

柔光的暖阳◎/ 2022年05月20日 23:48/ 0 赞/ 220 阅读

相关 AngularJS -AngularJS特性

转载博客：[https://www.cnblogs.com/stephenykk/p/3817063.html][https_www.cnblogs.com_stephenyk

本是古典何须时尚/ 2022年05月17日 13:23/ 0 赞/ 202 阅读

相关自学记录：linux相关学习

0.起因在2019-1-8号第一次因为安装 docker image build -t valian/docker-python-opencv-ffmpeg

待我称王封你为后i/ 2022年03月29日 14:48/ 0 赞/ 153 阅读