Both Smart Components and Presentation Components receive data from Services in entirely different ways. Smart Components use constructor injection to lookup the entire service from the injector while Angular 2 Presentation components take the data f…
视频简介 ASP.NET Core Web API + Angular 6的教学视频 我是后端开发人员, 前端的Angular部分讲的比较差一些, 可以直接看代码!!!! 这是一个小项目的实战视频, 该项目采用了: ASP.NET Core 2.1 做API Identity Server 4 Angular 6 Angular Material 这个项目比较简单, 适合ASP.NET Core Web API 和 Angular 初学者. 项目最终完成的效果如图: 视频目录 视频专辑地址: h…
Angular2 的material中 引用了 hammerjs,遇到Could not find HammerJS错误,正确的步骤如下: 需要在如下位置增加 对material 和 hammerjs的引用 1. package.json { "name": "housekeeping-ui", "version": "1.0.0", "description": "housekeeping-ui…
When migrating AngularJS (v1.x) applications to Angular you have different options. Using Angular Elements is one of them. In this lesson we learn how to integrate an Angular Element into an AngularJS (v1.x) application. We will leverage some feature…
We are going to have a modal component: <au-modal > </au-modal> And we can pass default modal body by content projection: <au-modal > <modal-body></modaö-body> </au-modal> So 'modal-body' will be shown by default. Now w…
1.Smart Table内置的分页功能 Smart Table是基于AngularJS模块特性开发出来的一款优秀的表格组件,默认就支持过滤.排序等核心功能.开发者基于它也可以开发插件,满足个性化需求.比如分页.排序数据.通过Ajax获取等. Smart Table通过Custom Pagination插件可以完成分页功能: Custom pagination 运行效果如下: html代码结构: <table st-table="displayed" class="ta…
For the component's css file, we can improt two css files: common.css default-theme.css @import "common.css"; @import "au-fa-input-default-theme.css"; In the default theme, it contains all the default theme related style. :host { borde…
Allow the base toggle to be a tag (<toggle>) or attribute (<div toggle>). The <toggle> component has become less opinionated about the view, but has now taken on some responsibilities managing state. We’ll decouple the state management p…
问题: angular 从子状态回到当前的父级状态的时候,父级状态不会重新初始化. https://github.com/angular-ui/ui-router/issues/2992 原文:https://medium.com/engineering-on-the-incline/reloading-current-route-on-click-angular-5-1a1bfc740ab2 ------------------------------------------------ Ba…
一.页面代码 <select id="sponsorId" select2 ng-model="sponsorSelectedObj" ng-change="sponsorSelectedChange(sponsorSelectedObj)"> <option value="">共同创办人</option> <!--注意,这里不是在select标签写的ng-option,而是在opti…