oscar92420aaa的博客

In Aurelia, user interface components are composed of view and view-model pairs.组件由html和.ts或者.js文件为一组。Once instantiated, Aurelia's powerful databinding links the two pieces together allowing c

Introduction你可能有许多资源需要在多个页面使用。这时候将这些资源做成全局的是明智的。 框架配置class提供了globalResources方法，这个方法的参数是一个或者多个string，这些string是资源的path。 全局的resources不需要在template里面require。 配置Aurelia的文件有一个configure方法。我们项目里面layout文件夹下的i

自定义元素（组件）- 含有ViewModel的自定义组件.ts文件 1.首先我们要引入两个依赖！customElement和bindable。 2.下面这个例子还示意了如何给自定义组件绑定属性to，我们使用@bindable来绑定。 3.我们在这里用@customElement（“say-hello”）来定义这个自定义组件的名字，也是我们在使用这个自定义组件的时候的标签名。import {cu

http://aurelia.io/hub.html#/doc/api/aurelia/event-aggregator/latest/class/EventAggregatorIntroductionEnables loosely coupled publish/subscribe messaging. new EventAggregator()Methods

基本配置为了使用Aurelia的路由，我们的组件view必须有一个元素。为了配置路由，组件的VM需要一个configureRouter()方法。app.html<template> <router-view></router-view></template>Route Configureexport class App { configureRouter(config, router) {

1.Value ConverterAurelia的value converter的改进：The Aurelia ValueConverter interface uses toView and fromView methods, which make it quite clear which direction the data is flowing. This

import {computedFrom} from 'aurelia-framework';export class Person { firstName: string = 'John'; lastName: string = 'Doe'; @computedFrom('firstName', 'lastName') get fullName(): string {

1.When use whichThe short answer is: Use delegate except when you cannot use delegate.哈哈哈哈写文档的真的太可爱了。Event delegation is a technique used to improve application performance. It dra

1.IntruductionA  element can serve as a single-select or multiple-select "picker" depending on whether the multiple attribute is present.select元素可以是单选也可以是多选，在于multiple属性是否存在。配置sele

1.IntroductionA group of radio inputs is a type of "single select" interface.单选按钮。Aurelia supports two-way binding any type of property to a group of radio inputs.Aurelia支持双向绑定任何类型的属性与

1.checkedBind a boolean property to an input element's checked attribute using checked.bind="myBooleanProperty".绑定一个bool类型的值给checked属性来决定checkbox是否check。export class App { motherbo

1.ClassYou can bind a css string or object to an element's style attribute. Use the style attribute's alias, css when doing string interpolation to ensure your application is compatible with I

1.String Interpolation字符串插值（羞耻的字眼==）String interpolation expressions enable interpolating (surprise!) the result of an expression with text. 将表达式的结果插入text。 example compared string

1.HTML and SVG AttributesAurelia supports binding HTML and SVG attributes to JavaScript expressions. Attribute binding declarations have three parts: attribute.command="expression".attri

Let's say we have a CustomerEditScreen that needs to load a Customer entity by ID from a web service. We wouldn't want to place all the details of our AJAX implementation inside our CustomerEditSc

constructor() - The view-model's constructor is called first.created(owningView: View, myView: View)The created callback will receive the instance of the "owningView". This is the view that th

Introduction有时，您拥有完整的组件或相关功能，它们共同构成了一个“特性”。这个“特性”甚至可能是由您的团队中的一组特定的开发人员所拥有的。你想要这些开发者能够管理自己的资源配置和功能,而不干扰其他地区的应用。对于这个场景,水母提供了“特性”特性。想象一下，如上所述，我们有一个my-component组件。想象一下，这是在你的应用中形成了一个逻辑功能的十几个组件之一。与其将该功能的配置逻辑