文章 2022-09-22 来自:开发者社区

Angular基础知识学习(三)

路由简单路由案例1、命令创建项目ng new angualrdemo04 复制代码执行该命令时,会有这么一段内容询问你是否需要创建路由。Would you like to add Angular routing? (y/N) 复制代码输入 y 便可给项目中增加路由设置,新建的项目文件结构如下:查看  app-routing.module.ts 文件内容:import {NgModule....

Angular基础知识学习(三)
文章 2022-09-22 来自:开发者社区

Angular基础知识学习(二)下

子组件通过Output给父组件传值1、news.component.html,<app-footer (outter)="run($event)"></app-footer> <br> <hr> <br> <h2>我是news组件</h2> 复制代码2、news.component.tsimport {Compo....

Angular基础知识学习(二)下
文章 2022-09-22 来自:开发者社区

Angular基础知识学习(二)上

服务创建服务之后,我们在 StorageService.service.ts 中定义一个测试方法:export class StorageService { constructor() { } test() { alert('调用服务方法'); } } 复制代码我们重新建立一个 home 组件,来测试服务调用。<p>home works!</p> ...

Angular基础知识学习(二)上
文章 2022-09-22 来自:开发者社区

Angular基础知识学习(一)下

事件普通点击事件首先修改 html 文件:&lt;h3&gt;事件&lt;/h3&gt; &lt;button (click)="run()"&gt;执行事件&lt;/button&gt; &lt;br&gt; &lt;br&gt; &lt;button (click)="getData()"&gt;获取数据&lt;/button&gt; &lt;br&gt; &lt;br&gt; &lt;st....

Angular基础知识学习(一)下
文章 2022-09-22 来自:开发者社区

Angular基础知识学习(一)上

属性、元素操作以及指令普通数据新建 news 组件,首先在 news.component.ts 文件中定义变量:import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-news', templateUrl: './news.component.html', styleUrls: ['...

Angular基础知识学习(一)上

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等