美文网首页
angular的坑

angular的坑

作者: 追风的云月 | 来源:发表于2017-07-20 17:00 被阅读0次

areq 控制器没有定义

控制器后面必须写分号

不要试图复用controller 当controller中有相同的代码片段时要它抽成服务

我们知道在应用的页面或者组件需要加载数据时,浏览器和angular渲染页面都需要消耗一定的时间。这里的间隔可能很小,甚至让人感觉不到区别;但也可能很长,这样会导致让我们的用户看到了没有被渲染过的页面。

这种情况被叫做Flash Of Unrendered Content (FOUC)(K)?and is always unwanted.以下几种方法可以解决这个问题:

1、ng-cloak

ng-cloak指令是angular的内置指令,它的作用是隐藏所有被它包含的元素:

Hello {{ name }}

在浏览器加载和编译渲染完成之后,angular会自动删除ngCloak元素属性,这样这个元素就会变成可见的。

在IE7里面使用ng-cloak的安全方式是给元素多加一个ng-cloak class

Hello {{ name }}

2、ng-bind

ng-bind是angular里面另一个内置的用于操作绑定页面数据的指令。我们可以使用ng-bind代替{{ }}的形式绑定元素到页面上;

使用ng-bind替代{{  }}可以防止未被渲染的{{ }}就展示给用户了,使用ng-bind渲染的空元素替代{{ }}会显得友好很多。

上面的例子可以重写成下面那样,这样就可以防止页面出现{{ }}了

Hello

webstorm

固定项目的文件夹列表在左边

view -> tool buttons -> 点击左侧的project

.idea存放 WebStorm 的项目配置文件;存放项目的配置信息,包括历史记录,版本控制信息等。可以不用上传到的网站空间。

在unix/linux下,以点开头的文件夹或文件默认是隐藏的。windows的文件系统有专门隐藏的属性,但那两个系统没有,都靠点这个约定俗成的规则。

npm安装

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/usr/local/lib

npm 安装包的时候权限问题,在安装命令前加上,sudo,提示输入密码,输入密码即可获取权限

官方解决方法

但是我用sudo并不起作用 提示sudo不是可执行的命名 反而重复安装几次就好了

GULP

Gulp的安装配置过程和一些小坑

利用gulp-imagemin压缩jpg格式图片变化不大 因为要配置

安装ui-router没有用 要加angular-ui-router

相关文章

  • ionic3升级适配angular5

    昨天angular5和ionic3同时发布更新了,为了用上angular5的新特性,还是有必要踩下坑的,当然踩坑的...

  • ionic2+angular2中踩的那些坑

    ionic2+angular2中踩过的坑

  • angular的坑

    areq 控制器没有定义 控制器后面必须写分号 不要试图复用controller 当controller中有相同的...

  • 2018-04-24

    angular2学习之踩坑经历; 一、当输入命令:ng g s servicename; 报错如:angular2...

  • 2018-08-30

    Angular4加载顺序 今天遇到了一个比较关于angular4加载组件顺序的坑,当我在app.component...

  • Angular 4 自定义组件封装遇见的一些事儿

    一.介绍 说说封装Angular 组建过程中遇见的一些问题和感悟。用久了Angular,就会遇见很多坑,许多...

  • Can't bind to 'rows' since it is

    angular 使用 ngx-datatable 遇到的坑 开始用这个组件的时候就遇到坑爹的事情,访问

  • angular4 打包

    angular打包过程遇到的坑 1.打包命令 ng build --prod --aot 2.各种坑 2.1打包后...

  • angular踩坑

    一: 这个路由访问http://localhost:4200/crisis-center/1/2/asdf是访问不...

  • angular入坑

    1. directive名称myDirective,实际使用时候需要写成my-directive;

网友评论

      本文标题:angular的坑

      本文链接:https://www.haomeiwen.com/subject/klljkxtx.html