小编Lau*_*ate的帖子

我从这个repo开始创建了一个基本的aurelia应用程序,我试图摆脱URL栏中的#(hashtag).

我有2个项目,一个在一台机器上运行WebApi,另一个在另一台机器上运行一个空的Web项目(不是MVC).在官方文档网站上,它只说明了如何配置你的路线,但我的项目不是面向MVC的.

如何从Web.config配置IIS服务器,因为当我访问http://localhost/home它时应该启动aurelia框架而不是404未找到的页面？

我正在使用VS 2015 RC,在WebAPI项目上工作,当我尝试在Angular 2中使用路由时,我收到以下错误:

无法加载资源:服务器响应状态为404(未找到)localhost:14580/angular2/router

潜在的未处理拒绝[3]在localhost上加载"angular2/router"时出错:14580/angular2/router在localhost上从"Components/main/main"加载"angular2/router"时出错:14580/Components/main/main.js Not Found :localhost:14580/angular2/router(警告:使用非错误)

视图是main.ts组件的基本导入.组件代码如下:

/// <reference path="../../Scripts/typings/angular2/angular2.d.ts" />
/// <reference path="../../Scripts/typings/_custom/ng2.d.ts" />

import {Router, RouteConfig, RouterLink, RouterOutlet} from 'angular2/router';
import {Component, View, bootstrap} from 'angular2/angular2';
import {Login} from '../login/login';
import {status, json} from 'Scripts/utils/fetch'


// Annotation section
@Component({
    selector: 'my-app'
})
@View({
        templateUrl: 'Views/main/main.html',
        directives: [RouterLink, RouterOutlet]
})
@RouteConfig([
{ path: '/login', as: 'login', component: Login }
])
// Component controller
export class Main {
    //router: Router;
    name: string;
constructor(router: Router) {
    //this.router = …

我创建了一个自定义属性,它是bootstrap工具提示的包装器

tooltip.ts

import {bindable, inject, customAttribute} from "aurelia-framework";
import * as $ from "jquery";

@customAttribute("tooltip")
@inject(Element)
export class Tooltip {
    element: HTMLElement;
    @bindable title: any;
    @bindable placement: any

    constructor(element) {
        this.element = element;
    }

    attached() {
        $('[data-toggle="tooltip"]').tooltip();
    }
}

了header.html

<a class="toggle-link" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click to Search"><i class="fa fa-search"></i></a>

所以问题是如何将数据放置和数据原始平铺传递并绑定到类中的标题和位置Tooltip.当前的aurelia文档没有说明自定义属性的多个数据绑定.