我正在使用Angular2创建一个应用程序,我需要使用选项卡内的按钮在选项卡之间导航.
我的html如下:
<md-tab-group>
<md-tab label="one">
<button md-raised-button>Navigate to Two</button>
<button md-raised-button>Navigate to Three</button>
</md-tab label>
<md-tab label="two">
</md-tab label>
<md-tab label="three">
</md-tab label>
</md-tab-group>
因此,当我单击导航到三时,它应该带我到选项卡名称三
我正在使用Angular2材料设计这个例子可以有人知道解决这个问题.
提前致谢
我正在 Angular2 项目中工作，在该项目中我需要生成动态函数，该函数将能够调用在服务类下提供的服务。服务类有大约 10 个 get 函数，如下所示。
例如：
我的服务班
import { Injectable } from '@angular/core';
@Injectable()
export class service {
constructor() { }
get function1(){
return 1;
}
get function2(){
return 2;
}
get function2(){
return 3;
}
}
我正在尝试创建一个将参数作为函数名称并返回相应答案的函数。
例如：
我的 app.component.ts
import { Component} from '@angular/core';
import {service} from "./service";
@Component({
selector: 'app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
providers : [service]
})
export class AppComponent(){
constructor(private _service:service){}
let one = getVal(function1); /// This should return 1
let two = …我刚开始学习 Angular2 并创建了一个示例项目，我需要在三个页面之间进行路由。
我在 app.module.ts 中创建了一个 RouterModule 如下
@NgModule({
imports: [
BrowserModule,
HttpModule,
FormsModule,
RouterModule.forRoot([
{path:'login',component : loginComponent},
{path:'logout',component :logoutComponent},
{path:'home',component : homeComponent}
])
我的 app.component.ts 如下：
@Component({
selector: 'my-app', // <my-app></my-app>
providers: [Wakanda],
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
我的 loginComponent.ts
@Component({
selector:'login',
template : `
<h1>Login</h1>
`
})
我的 logoutComponent.ts
@Component({
selector:'logout',
template : `
<h1>Login</h1>
`
})
我的 homeComponent.ts
@Component({
selector : 'home',
template : `
<h1>Login</h1>
`
})
我的 app.component.html
<header>
<nav>
<div class="nav-wrapper">
<ul class="right hide-on-med-and-down"> …我尝试在 Angular2 中使用 templateUrl 访问自定义构建的 html。
这是我的 login.component.ts
import {Component} from '@angular/core';
@Component({
selector: 'login' ,
templateUrl : './login.component.html'
})
export class loginComponent{
}
这是我的 login.component.html
<div class="container">
<input type="text" placeholder="username">
<input type="text" placeholder="password">
<button>Login</button>
</div>
我的目录结构在同一位置同时包含 login.component.ts 和 login.component.html。
当我编译这段代码时，我收到一个错误说明
本地主机：8081/login.component.html 未找到 404
未处理的承诺拒绝：无法加载 login.component.html ；区域： ; 任务： Promise.then ；值：无法加载 login.component.html 未定义
当我尝试在Angular2应用程序中使用http调用访问文件时，我的Amazon s3存储桶中有一个.json文件，但出现错误
跨域请求被阻止：“同源起源”策略不允许读取https://s3.us-east-2.amazonaws.com/....../list.json上的远程资源 。（原因：CORS标头“ Access-Control-Allow-Origin”缺失）。
我将存储桶中的文件公开，并以读取，写入和编辑的方式进行了访问。
这是我的角度代码：
getValue(){
return this._http.get('https://s3.us-east-2.amazonaws.com/........./list.json').toPromise().then(res => <Contact[]> res.json().data)
.then(data => {return data;});
}
我在AWS中的跨源XML
<CORSConfiguration>
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>DELETE</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>
谁能帮助我解决这个问题，谢谢
我目前正在使用Angular2开发一个应用程序,我创建了一个小的私有对象,当我尝试将文件从typescript转换为javascript时,它将具有firstName和lastName我收到错误说明
错误TS2304:找不到名称'firstName'
我的代码是
export class AppComponent {
public ContactDetail = {firstName="xander",lastName ="xmen"};
}
他们是解决此解决方案的可能方法
提前致谢
我正在使用loginComponent进行示例项目,当我尝试添加OnInit时,我需要在我的类中实现OnInit我收到以下错误
[ts]找不到OnInit
这是我的代码
export class loginComponent implements OnInit{
ngOnInit():all{
}
}
如何解决这个问题
提前致谢
我正在开发Angular2,我需要为动态创建的字符串创建一个新行.
例如.
输入:
你好,你好吗 ？
输出:
你好
怎么样
是
您？
这是我的代码:
html的
<div class="row">
<div class="well">
<h1 class="text-center">Import Data</h1>
<p class="text-center">{{selectedLogContent.message}}</p>
</div>
</div>
这是打字稿代码:
var splitString = selectedRows[0].description.split(":");
var messageString= splitString[3].split(".");
var messageStringAfter ="";
for(var i=0;i<messageString.length;i++){
messageStringAfter= messageStringAfter+`\
\n`+messageString[i];
}
var finalString = splitString[0]+":"+splitString[1]+":"+splitString[2]+': '+messageStringAfter;
console.log(finalString);
this.selectedLogContent.message = finalString;
我尝试使用'\n',同时串联的字符串仍然在同一行中输出结果.
提前致谢