angular
关注
分享
扫一扫
该用户已成仙
这个作者很懒，什么都没留下…
展开
-
angular 使用[innerHTML]在页面中显示html文本
在ts文件模拟一个html文本:import { Component, OnInit } from '@angular/core';@Component({ selector: 'app-inner-html', templateUrl: './inner-html.component.html', styleUrls: ['./inner-html.component.css']...原创 2018-04-08 13:23:34 · 22570 阅读 · 2 评论 -
angular 父组件给子组件传值 使用 OnChanges() 在子组件内触发事件
子组件内使用@Input定义值product import { Component, Input} from '@angular/core';import {ProductModel} from '../../models/ProductModel';@Component({ selector: "details_main", templateUrl: './details.html...原创 2018-03-27 11:04:07 · 4119 阅读 · 0 评论 -
angular 路由守卫 CanActivate和CanDeactivate
1. CanActivate 路由进入 新建守卫focusGuard.ts文件import { CanActivate } from '@angular/router';export class LoginGuard implements CanActivate { canActivate () { let loggedIn: boolean = Math.random(...原创 2018-04-10 13:58:20 · 12616 阅读 · 1 评论 -
angular 使用xlsx 导出导入excel
1.安装xlsx插件 npm install xlsx --save2.在component中使用ts:import { Component, OnInit } from '@angular/core';import * as XLSX from 'xlsx';@Component({ selector: 'app-excel', templateUrl: './excel.comp...原创 2018-04-24 13:07:12 · 8184 阅读 · 4 评论 -
angular 简单的拖拽图片排序
从后台拿到图片后信息后，想在前端实现拖拽改变图片顺序首先模拟一串图片ts： imgarr = [ 'assets/img/1.jpg', 'assets/img/2.png', 'assets/img/3.jpg', ]html:<div> <div style="overflow: hidden;background:#cdcdcd" dragsort...原创 2018-04-24 16:03:27 · 3537 阅读 · 0 评论 -
angular 中使用TinyMCE
1. 安装npm install --save tinymce2.在.angular-cli.json中引用 "scripts": [ ... "../node_modules/tinymce/tinymce.js", "../node_modules/tinymce/themes/modern/theme.js", ...原创 2018-08-02 16:03:45 · 4468 阅读 · 0 评论