首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
Angular2快速入门-3.多个组件(分离新闻列表页和详细页)
】的更多相关文章
Angular2快速入门-3.多个组件(分离新闻列表页和详细页)
上篇(Angular2快速入门-2.创建一个新闻列表)已经完成新闻列表的展示,并且点击新闻列表的时候,下面可以展示出新闻的详细信息,这节我们把新闻详细和新闻列表页面分离出来 新闻详细单独一个component 第一.创建news-detail.component 1)创建news-detail.component.ts import {Component,Input} from '@angular/core'; import {News} from './news'; @Component({…
Angular2快速入门-2.创建一个新闻列表
背景: 我们想通过一个例子,展示下Angular2 怎么绑定页面,怎么创建Component, 例子:我们创建一个新闻列表,当点击新闻列表中某一条新闻的时候,展示出该条新闻的详细信息, 在详细信息中可以修改新闻标题. 第一.创建新闻Component(视图组件) 接着上篇文章,我们在app文件下创建news文件夹,在news文件夹下我们需要创建一个新闻的实体类 1)news.ts export class News{ id:number; title:string; create_dat…
Angular2快速入门-5.使用http(新闻数据来自http请求)
Angular2官网通过http请求模拟API 来请求hero 数据,感觉有点繁琐,很让人理解不了,我们不采用它的办法,直接展示怎么使用http请求来获取我们的数据 ,直截了当. 第一.准备工作,创建一个WebApi 创建一个webapi(这里我使用MVC4 WebApi ,你可以选择其他途径提供json数据,根据自己需要),返回新闻列表 public class NewsController : ApiController { public IEnumerable<News> Get() {…
Angular2快速入门-4.创建一个服务(创建NewsService提供数据)
上篇我们使用的数据是通过mock-news.ts中的const News[] 数组直接赋给Component 组件的,这篇我们把提供数据的部分单独封装成服务 第一.创建news.service.ts import { Injectable } from "@angular/core"; import { News } from './news'; import { NewList } from './mock-news'; @Injectable() export class News…
快速入门系列--Log4net日志组件
Log4net是阿帕奇基金会的非常流行的开源日志组件,是log4j的.NET移植版本,至今已经有11年的历史,使用方便并且非常稳定,此外很重要的一点是其和很多开源组件能很好的组合在一起工作,例如NHibernate等.对于以本地日志为主的中小型的项目,Log4net已经足够使用,当然涉及跨平台的大型分布式系统可以选择Elmah等其他日志组件. 在这里,主要介绍log4net的一些关键知识点,详细内容可见以下链接: 官方配置文档:http://logging.apache.org/log4net/…
Angular2快速入门-1.创建第一个app
一.环境搭建 Angular2 运行在nodejs 环境下,需要我们先创建好nodejs环境,具体操作 1.下载安装Nodejs,参考网址,https://nodejs.org/en/ 选择64位,下一步到完成. 安装后,在命令行 ,执行 node -v ,可以查看到当前版本,确保当前版本>node 6.9.x 2.安装npm, 最新版本的Nodejs 已经集成了npm ,你可以通过npm -v 查看当前版本 3.安装Angular CLI npm install -g…
转: Vue.js——60分钟组件快速入门(上篇)
转自: http://www.cnblogs.com/keepfool/p/5625583.html Vue.js——60分钟组件快速入门(上篇) 组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞…
angularAMD快速入门
ngularAMD是作者 marcoslin 使用 RequireJS + AngularJS开发的前端mvvm框架,因此你可以使用它快速创建一款Web App.他特别适合快速开发SPA应用,适当的和更简单的方式. 我们整合AngularJS和RequireJS不应该是复杂的,它不是angularAMD.在行动中看到它,检测本网站显示的情况下,关键功能.确保加载你最喜欢的开发工具看到按需加载*.js文件作为您切换标签. 快速入门 定义main.js组件和依赖项: require.config({…
Vue.js——60分钟组件快速入门
一.组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星!(所有示例都放在GitHub Pages上了,请访问https://github.com/keepfool/vue-t…
Transform组件C#游戏开发快速入门
Transform组件C#游戏开发快速入门大学霸 组件(Component)可以看作是一类属性的总称.而属性是指游戏对象上一切可设置.调节的选项,如图2-8所示.本文选自C#游戏开发快速入门大学霸 图2-8 组件与属性 所有的游戏对象都有Transform组件,而Transform组件下的各属性,决定了游戏对象的位置.朝向和大小的状态.要修改游戏对象上Transform组件下的各属性,必须要指定修改的游戏对象是哪一个,指定的方式有两种: q 直接使用鼠标点选Scene视图中要改变状态的…