你知道可以自己使用组件吗?如果是的话,在哪里阅读它?
我有下一个情况:有mainItems列表,每个Main Item都有subItem(看起来像mainItem),每个subItem都可以拥有它自己的subItem等.所以最好使用嵌套,但是如何?
我有几个服务,里面有相同的代码:
constructor (private http: Http) {
//use XHR object
let _build = (<any> http)._backend._browserXHR.build;
(<any> http)._backend._browserXHR.build = () => {
let _xhr = _build();
_xhr.withCredentials = true;
return _xhr;
};
}
Run Code Online (Sandbox Code Playgroud)
我想将代码移到单独的文件http_base_clas.ts并尽可能地重用代码.这里是http_base_clas.ts:
import {Http} from '@angular/http';
export class HttpBaseClass {
constructor ( http: Http) {
//use XHR object
let _build = (<any> http)._backend._browserXHR.build;
(<any> http)._backend._browserXHR.build = () => {
let _xhr = _build();
_xhr.withCredentials = true;
return _xhr;
};
}
}
Run Code Online (Sandbox Code Playgroud)
如何将http_base_class扩展为auth_service.ts?
import {Injectable} from '@angular/core';
import {Http, Response} from …
Run Code Online (Sandbox Code Playgroud) 我从json文件上传数组.每1.5秒我检查文件是否有任何变化(目前我在一个文件上测试没有任何变化),但当我检查是否
if ( this.itemsParentArray[i] !== this.itemInArray[i] )
Run Code Online (Sandbox Code Playgroud)
它始终显示它不相等,并且console.log(""不等于")
我错过了代码中的内容吗?这里是:
export class HomeComponent {
itemsParentArray = [];
itemInArray = [];
myRes: Content;
showAssigned:boolean = false;
constructor(private structureRequest: StructureRequestService) {
setInterval(() => {
this.timerGetStructure();
}, 1500);
}
// using with setInterval to get new data and sets into content Array with this.updateItems(result) if it's new
timerGetStructure() {
this.structureRequest.sendRequest().subscribe((result) => this.updateItems(result));
}
updateItems(result) {
this.myRes = result;
this.itemInArray = this.myRes.content;
for ( let i = 0; i < this.itemInArray.length; i++) {
if ( …
Run Code Online (Sandbox Code Playgroud) 我有主要的appComponent
<div class="appComponent">
<div class="row nav navbar">
<div class="col-sm-8 text-left nav logo">Manacola</div>
<button class="col-sm-1 col-sm-offset-1 btn btn-primary openGraph" (click)="openGraph()">Graph</button>
<button class="col-sm-1 btn btn-primary openGraph" *ngIf="loggedIn" (click)="logout()">Logout</button>
</div>
<router-outlet ></router-outlet>
Run Code Online (Sandbox Code Playgroud)
我想从另一个登录组件发出数据.关键是当我按下"登录"按钮时loginComponent
,我想*ngIf="loggedIn"
设置'true',在appComponent
.有这样的工作会很好:
<router-outlet (isLogged) = 'loggedIn = $event' ></router-outlet>
Run Code Online (Sandbox Code Playgroud) 我有第一个元素:
<div layout="column" layout-align="start center" class="focusBox flex "></div>
Run Code Online (Sandbox Code Playgroud)
这是css:
.focusBox {
margin-top: 2%;
border: 1px solid $alto;
height: calc(100vh - 182px);
background-color: $white;
}
Run Code Online (Sandbox Code Playgroud)
和第二个要素:
<div flex class="subFolderBox" ></div>
Run Code Online (Sandbox Code Playgroud)
这是css:
.subFolderBox {
margin-bottom: 1%;
border: 1px solid $alto;
}
Run Code Online (Sandbox Code Playgroud)
如何使用sass或css将第一个元素的宽度设置为秒?
我有appCmponent.ts:
@Routes([
{path: '/login', component: LoginComponent},
{path: '/home', component: HomeComponent},
{path: '/graph', component: GraphComponent},
])
Run Code Online (Sandbox Code Playgroud)
如果我不想加载GraphComponent,而只想加载HTML文件,该怎么办?可能吗?
我有DOM
元素,有id={{child.id}}container
<div id={{child.id}}container layout="column" flex layout-align="start center" class='container' dragula='"first-bag"' ng-init="vm.getAssociatedWorkItems(child.id); vm.getElementHeight(child.id+'container');">
<div layout="column" class="md-whiteframe-5dp capitalize itemsInList" ng-repeat="item in vm.items | filter:search" id={{item.id}}child>
<div class="workItemName">{{vm.getWorkItemName(item.metadata)}}</div>
<div class="workItemDescription">{{vm.getWorkItemDescription(item.metadata)}}</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想得到这个元素的高度,并根据高度的要求列出项目ng-repeat
与否.如何获得DOMs
身高angularjs
?
嗨我将创建的元素追加到父级:
container.append(UIService.appendWorkItem(workItem));
Run Code Online (Sandbox Code Playgroud)
UIService
function appendWorkItem(item) {
return '<div layout="column" ng-init=item='+item+' class="md-whiteframe-1dp workItem workItemName" id='+item._id+'child> <div layout="row" layout-align="space-between" ng-click="workItemActivate('+item+')" ng-dblclick="openItemEdit('+item+')"> <div>'+item.name+'</div> <div> <md-icon md-font-icon="zmdi zmdi-share" title="Has parent child connection"></md-icon> </div> </div> <div class="dragulaParentDOM" > <div dragula="first-bag" id="'+item._id+'containerWorkItem" class="itemChildContainer"></div> </div> </div>'
}
Run Code Online (Sandbox Code Playgroud)
我想将scope.item设置为这个temlate.我用它
ng-init=item='+item+'
Run Code Online (Sandbox Code Playgroud)
但它不起作用.怎么做?
我希望我的ngOnInit函数做下面的事情: - 使用this.structureRequest.sendRequest()对某些数据进行http请求,这很好,并且在收到数据后开始使用this.viewNodes()函数查看它.我使用订阅,但它不起作用,我认为我做订阅功能有问题.请帮忙:)
HomeComponent.ts
import {Component} from '@angular/core';
import {Observable} from 'rxjs/Observable';
import {StructureRequestService} from './StructureRequestService';
export class Content {
ok: boolean;
content = [];
}
@Component({
providers: [StructureRequestService],
styleUrls: ['app/home/home.css'],
templateUrl:'./app/home/homePageTemplate.html'
})
export class HomeComponent {
contentArray = [];
myRes: Content;
showAssigned:boolean = false;
showSubitems:boolean = false;
showUsers:boolean = false;
constructor(private structureRequest: StructureRequestService) {}
ngOnInit() {
this.structureRequest.sendRequest().subscribe( this.viewNodes());
}
viewNodes() {
this.myRes = this.structureRequest.result;
this.contentArray = this.myRes.content;
this.showAssigned = true;
}
}
Run Code Online (Sandbox Code Playgroud)2.这是http服务,http get工作正常,收到的所有数据:
import {Injectable} from '@angular/core';
import …
Run Code Online (Sandbox Code Playgroud) 我有2个数组:
var str = ['a','b','c','d'];
var num = [1,2,3];
Run Code Online (Sandbox Code Playgroud)
我想要一个像这样的数组:
var strNum= ['a','b',1,2,3,'c','d'];
Run Code Online (Sandbox Code Playgroud)
有方法吗?
angular ×6
angularjs ×2
javascript ×2
arrays ×1
components ×1
css ×1
extend ×1
html ×1
routes ×1
routing ×1
sass ×1
subscribe ×1
typescript ×1