小编Ser*_*hiy的帖子

以递归方式使用组件来创建树

你知道可以自己使用组件吗?如果是的话,在哪里阅读它?

我有下一个情况:有mainItems列表,每个Main Item都有subItem(看起来像mainItem),每个subItem都可以拥有它自己的subItem等.所以最好使用嵌套,但是如何?

components angular

28
推荐指数
3
解决办法
2万
查看次数

如何在TypeScript中扩展类?

我有几个服务,里面有相同的代码:

 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)

extend typescript angular

10
推荐指数
1
解决办法
2万
查看次数

为什么两个相等的对象在Angular 2中显示"不相等"

我从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)

angular

6
推荐指数
1
解决办法
9676
查看次数

如何在Angular2中的路由器插座中发出事件

我有主要的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)

routing angular

6
推荐指数
2
解决办法
1万
查看次数

如何使用sass/css将div的宽度设置为等于另一个div?

我有第一个元素:

 <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将第一个元素的宽度设置为秒?

css sass

6
推荐指数
2
解决办法
2万
查看次数

有可能角度2 HTML文件,而不是组件?

我有appCmponent.ts:

@Routes([
  {path: '/login', component: LoginComponent},
  {path: '/home', component:  HomeComponent},
  {path: '/graph', component:  GraphComponent},
])
Run Code Online (Sandbox Code Playgroud)

如果我不想加载GraphComponent,而只想加载HTML文件,该怎么办?可能吗?

html routes angular

5
推荐指数
1
解决办法
1268
查看次数

如何获得angularjs中元素的高度

我有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

javascript angularjs

5
推荐指数
1
解决办法
3万
查看次数

如何在模板中设置范围?

嗨我将创建的元素追加到父级:

  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)

但它不起作用.怎么做?

angularjs angularjs-scope

5
推荐指数
1
解决办法
62
查看次数

订阅Angular 2

我希望我的ngOnInit函数做下面的事情: - 使用this.structureRequest.sendRequest()对某些数据进行http请求,这很好,并且在收到数据后开始使用this.viewNodes()函数查看它.我使用订阅,但它不起作用,我认为我做订阅功能有问题.请帮忙:)

  1. 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)

subscribe angular

4
推荐指数
1
解决办法
3万
查看次数

如何在其他数组中粘贴数组?

我有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)

有方法吗?

javascript arrays

4
推荐指数
2
解决办法
207
查看次数