欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

AngularJs

程序员文章站 2022-07-02 18:55:00
...

AngularJs是为了给原生html增加一些指令

指令就是给原生的html添加一些新的属性,达到自己想要的效果。


Angular和jquery的 区别
angularjs是以数据驱动,jquery是以dom驱动,操作dom对象,

MVC

M:model 模型
V :view 视图
C:controller 控制器


插值语法产生的闪烁问题
浏览器解析的时候是先加载html页面。渲染他,然后才执行angularjs把他解析成你想看到的内容,
解决闪烁办法,可以给标签添加一个ng-cloak属性。然后通过标签选择器把这个属性的display设置为none;
在页面加载的时候不显示,当解析到angularjs的时候ng-cloak默认会显示内容。 也可以通过ng-bind来阻止闪烁。

过滤器

过滤器就是对数据进行格式化处理的。
管道符就是把左边的内容当成参数传递给右边。
过滤器的本质就是一个方法。给原生html添加一些 新的属性,新属性有某些特定的功能。


网络地址:

http/https 协议, 两者之间的区别就是https更安全,内部进行了加密处理。
端口号 : 通过端口号找到对应的服务器
域名: 就是主机地址。
网站在没设置的情况下默认访问的index文件,问号后面传递的是参数。传入index文件。


在angular中尽量避免使用原生,有时候会造成数据绑定失败。

angular中使用定时器要用内置的方法,$ Interval ,$timeout
停止定时器要使用$Interval.cancel();方法


跨域问题

跨域问题是浏览器造成的,其实跨域访问数据已经到了浏览器中,只不过浏览器没有把数据给你,出于安全考虑默认情况下不允许外界的网站向本网站注入。
解决跨域问题可以通过jsonp的方式。
![I)[email protected]]1GOY08.png](http://upload-images.jianshu.io/upload_images/3817124-f76f8504d020bc0d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

也可以用在本地定义一个方法。
通过<script src='www.XXXapi.com'></script>

           <script> 
  
                   function fn(arg) {
                       console.log(arg);
                        }
                                
            </script>
           <script src="https://api.douban.com/v2/book/1220562?callback=fn"></script>

也可以通过php桥接的方法从服务器拿到跨域数据,然后在通过$http服务把数据从后台输出出来。