我必须显示两个互斥的按钮'MARK COMPLETED'和'COMPLETED'.如果任务状态为OPEN,则需要显示"MARK COMPLETED",而如果任务状态已关闭,则需要显示"COMPLETED"按钮.
<div *ngFor="#task of tasks" class="demo-updates mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--12-col-desktop">
<div class="mdl-card__title mdl-card--expand mdl-color--teal-300">
<h2 class="mdl-card__title-text">{{task.taskname}}</h2>
</div>
<div class="mdl-card__supporting-text mdl-color-text--grey-600">
{{task.taskdesc}} {{task.taskstatus}}
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="#" class="mdl-button mdl-js-button mdl-js-ripple-effect">{{task.assignedto}}</a>
<a [routerLink]="['/AllTasks']" *ngIf="{{task.taskstatus}}='OPEN'" class="mdl-button mdl-js-button mdl-js-ripple-effect" (click)="onClickMark(task)">Mark Completed</a>
<a [routerLink]="['/CompletedTasks']" *ngIf="{{task.taskstatus}}='CLOSED'" class="mdl-button mdl-js-button mdl-js-ripple-effect">Completed</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我试过了*ngIf="{{task.taskstatus}}='OPEN'",但它不起作用.有任何想法吗 ?
由于某种原因,fileSaver未被映射.angular2-jwt工作正常.
我做npm install file-saver -save了文件保护程序,然后引用如下(我有一个gulp任务将js文件移动到libs目录,我看到那里的文件)
在index.htmlI中已将脚本包含在src和system.config中
<script src="libs/file-saver/FileSaver.js"></script>
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
} ,
map: {
"angular2-jwt": "libs/angular2-jwt/angular2-jwt.js"
,"fileSaver":"libs/file-saver/FileSaver.js"
}
});
System.import('app/bootstrap')
.then(null, console.error.bind(console));
</script>
Run Code Online (Sandbox Code Playgroud)
component.ts
这里没有找到fileSaver
import {SaveAs} from 'fileSaver';
Run Code Online (Sandbox Code Playgroud)
我得到的错误就是这个
error TS2307: Cannot find module 'fileSaver'.
Run Code Online (Sandbox Code Playgroud)
知道这里有什么问题吗?
我在oracle中有一个表,其中所有列的行都必须使用起始值500更新并递增1.
我试图在网上找到类似的东西但却无法获得任何有用的东西.oracle和PL/SQL不是我的专长.任何帮助,将不胜感激.
我在应用程序中有一个搜索功能.当用户点击搜索按钮时,数据在[(ngModel)]中被捕获并传递给服务,URL被重定向到搜索组件的html.该服务被注入"搜索"组件并显示数据.
现在,当用户输入新的搜索词时,我想刷新现有的搜索组件.这样做的正确方法是什么?
search.component.ts
import { Component, OnInit } from '@angular/core';
import { DataService } from '../service/data.service';
@Component({
selector: 'app-search',
templateUrl: './search.component.html',
styleUrls: ['./search.component.css']
})
export class SearchComponent implements OnInit {
userInput : string;
constructor(private data : DataService) { }
ngOnInit(){
this.search();
}
search(){
this.userInput = this.data.searchData;
console.log('in search init ' + this.userInput);
this.data.searchData = "";
}
}
Run Code Online (Sandbox Code Playgroud)
app.component.ts
import { Component } from '@angular/core';
import { DataService } from './service/data.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class …Run Code Online (Sandbox Code Playgroud) 我试图将一些数据保存到H2数据库中.但我一直得到架构未找到错误消息,如下所示.
Jan 02, 2014 8:55:51 PM org.apache.catalina.core.AprLifecycleListener init
INFO: The APR based Apache Tomcat Native library which allows optimal performance in production environments was not found on the java.library.path: C:\Program Files\Java\jdk1.7.0_45\bin;C:\windows\Sun\Java\bin;C:\windows\system32;C:\windows;M:\app\oracleuser\product\12.1.0\dbhome_1\bin;C:\Program Files\Common Files\Microsoft Shared\Windows Live;C:\Program Files (x86)\Common Files\Microsoft Shared\Windows Live;C:\Program Files (x86)\Intel\iCLS Client\;C:\Program Files\Intel\iCLS Client\;C:\windows\system32;C:\windows;C:\windows\System32\Wbem;C:\windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\ThinkPad\Bluetooth Software\;C:\Program Files\ThinkPad\Bluetooth Software\syswow64;;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x86;C:\Program Files (x86)\Intel\OpenCL SDK\2.0\bin\x64;C:\Program Files\Common Files\Lenovo;C:\Program Files (x86)\Common Files\Ulead Systems\MPEG;C:\Program Files …Run Code Online (Sandbox Code Playgroud) 我试图使用索引文件中的system.config从我的angular2项目中的node_modules映射此Auth0模块.但我在浏览器控制台中收到404错误
索引文件
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
},
"/angular2-jwt": {
"defaultExtension": "js"
}
},
map: {
"angular2-jwt": "node_modules/angular2-jwt/angular2-jwt"
}
});
System.import('app/bootstrap')
.then(null, console.error.bind(console));
</script>
Run Code Online (Sandbox Code Playgroud)
控制台错误如下
我已将脚本包含在索引文件中,如下所示
<script src="//cdn.auth0.com/js/lock-9.0.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
按照auth0网站上的node.js/angular 2教程
我正在尝试从Appcomponent.ts的模板加载登录按钮
Appcomponent.ts
import {Component} from 'angular2/core';
import {Router, RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {AuthHttp,AuthConfig, tokenNotExpired, AUTH_PROVIDERS} from 'angular2-jwt';
import {HomeComponent} from '../home/HomeComponent'
import {AboutComponent} from '../about/AboutComponent'
declare var Auth0Lock;
@RouteConfig([
{path: 'app/', component: HomeComponent, as: 'Home'},
{path: 'app/about', component: AboutComponent, …Run Code Online (Sandbox Code Playgroud) 我有一个表单从服务中提取数据并显示如下
@Component({
selector: 'profile',
template: `<h1>Profile Page</h1>
<form [ngFormModel]="myForm" (ngSubmit)="onSubmit()" #f="ngForm">
<div *ngFor="#prof of profileObject">
<label from="name">Name</label>
<input [ngFormControl]="myForm.controls['name'] "type="text" id="name" #name="ngForm" [(ngModel)]="prof.userFirstName">
</div>
<button name="submit" type="submit">submit</button>
</form>
<a [routerLink]="['../Dashboard']">Back to Dash</a>
`,
directives: [ROUTER_DIRECTIVES]
})
export class ProfileComponent implements OnInit {
myForm: ControlGroup;
userEmail = JSON.parse(localStorage.getItem('profile'));
public profileObject: Object[];
constructor(private fb: FormBuilder, private apartmentService: ApartmentService) {
this.apartmentService = apartmentService;
}
onSubmit(form) {
console.log(this.myForm);
//post to rest API
};
ngOnInit(): any {
this.apartmentService.getProfile(this.userEmail.email).subscribe(res => this.profileObject = res);
this.myForm = this.fb.group({ …Run Code Online (Sandbox Code Playgroud) java.library.path sql developer windows 7 中没有 ocijdbc11
这是我的 tnsnames.ora
89# tnsnames.ora Network Configuration File: M:\app\oracleuser\product\12.1.0\dbhome_1\network\admin\tnsnames.ora
# Generated by Oracle configuration tools.
DOCASSIST =
(DESCRIPTION =
(ADDRESS_LIST =
(ADDRESS = (PROTOCOL = TCP)(HOST = localhost)(PORT = 1521))
)
(CONNECT_DATA =
(SERVICE_NAME = DOCASSIST)
)
)
Run Code Online (Sandbox Code Playgroud)
这是听众.ora
# listener.ora Network Configuration File: M:\app\oracleuser\product\12.1.0\dbhome_1\network\admin\listener.ora
# Generated by Oracle configuration tools.
SID_LIST_LISTENER =
(SID_LIST =
(SID_DESC =
(SID_NAME = CLRExtProc)
(ORACLE_HOME = M:\app\oracleuser\product\12.1.0\dbhome_1)
(PROGRAM = extproc)
(ENVS = "EXTPROC_DLLS=ONLY:M:\app\oracleuser\product\12.1.0\dbhome_1\bin\oraclr12.dll")
)
)
DOCASSISTLISTENER =
(DESCRIPTION_LIST …Run Code Online (Sandbox Code Playgroud) oracle tnsnames database-connection oracle-sqldeveloper ojdbc