angular JS + PrimeNG 初学使用

angular Js 初学习

首先需要下载安装node js, 如果太老版本可以选择更新到最新版本。命令;
npm install -g n, 如果有error 使用 npm install -g n –force. 这样就安装了n模块，专门用来管理node js的版本命令。然后使用n 6.11.2加版本号或者 n stable.
或者直接官网下载最新版OK。https://nodejs.org/en/
- npm install -g @angular/cli —然后全局安装 Angular CLI
- ng new my-app –新建一个项目
- cd my-app –进入项目路径
- ng serve –open –监听sever 运行项目
https://angular.cn/guide/quickstart 这个快速上手Ng的说明，可以很快学习到如何配置安装使用。

然后就是加入前段PrimeNG这个框架
https://www.primefaces.org/primeng/#/setup 从官网可以学习到如何安装和使用。

可以很方便从左边找到的控件如何使用。
快速总结下安装方法：引文angular 4.0 以上的版本都需要 Animations
- npm install primeng –save 在项目路径下安装PrimeNG
- npm install @angular/animations –save 安装新特性animations
- nmp install font-awesome –save 装置依赖图标样式

在.angular-cli.json cli文件中添加默认引用样式
"styles": [  "../node_modules/font-awesome/css/font-awesome.min.css",  "../node_modules/primeng/resources/themes/omega/theme.css",
"../node_modules/primeng/resources/primeng.min.css",//...
],

使用PrimeNG控件测试下成功显示。

AngularJS Material 开发学习：npm安装教程
https://material.angular.io/guide/getting-started
# To install latest release and update package.json
npm install –save @angular/material @angular/cdk
在项目根路径下安装类库
安装完会看到package.json下面多了个
“@angular/cdk”: “^5.0.1”,
“@angular/material”: “^5.0.1”,

angular JS + PrimeNG 初学使用相关推荐

用angular JS和 bootstrap完成一个简单的购物车界面
初学angularJS,自己做一个简单的demo玩一下. 购物车界面:(1)能显示商品基本信息: (2)能对购买数量进行修改: (3)能够删除不想购买的商品: (4)能够自动计 ...
angular.js使用路由时,子控制器监听不到父级$boardcast的事件
2019独角兽企业重金招聘Python工程师标准>>> 环境:angular.js+sastruts+apache-tomcat angular.js中当使用路由时,控制器之间通信使 ...
[Angular JS教程] HeroService: getHeroes failed: undefined 问题解决方法
最近在学习入门Angular JS,学习资源是https://angular.cn/tutorial, 在学习到 "https://angular.cn/tutorial/toh-pt6模拟 ...
angular.js 嵌套路由
介绍 AngularJS 嵌套路由:,来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一部分的ng-route一样强大. ui-router提供了让我们可 ...
如何使用多个参数调用Angular.js过滤器？
本文翻译自:How do I call an Angular.js filter with multiple arguments? As from the documentation , we can ...
如何在Angular.js选择框中使用默认选项
本文翻译自:How to have a default option in Angular.js select box I have searched Google and can't find an ...
angular.js phonecat翻译
AngularJS 手机目录应用教程概述这个应用将带领开发者贯穿使用angularjs来开发一个web-app程序.这个应用程序是基于 Google Phone Gallery 但它现在已经不存在 ...
Angular js 具体应用(一)
1,首先引用Angular 百度静态资源库搜索Angular 复制链接,在HTML中嵌入script 最好写在正文下面 <script type="text/javascript& ...
angular js一factory，service，provider创建服务
服务:在AngularJS 中,服务是一个函数或对象在写控制器的时候,不要复用controller,当我们的controller里面有相同的代码时,此时需要把它抽取成一个服务,所有的服务都符合依赖注 ...

angular JS + PrimeNG 初学使用

angular Js 初学习

angular JS + PrimeNG 初学使用相关推荐

最新文章

热门文章