小编Pen*_*gyy的帖子

我有一个对象数组(命名用户),它们将显示为选项dropdownlist.我有另一个对象列表(名为selectedUsers并保存在后端),用于初始化dropdownlist.

数组:

users = [
  {
    id: 2,
    name: 'name2'
  },{
    id: 2,
    name: 'name2'
  },{
    id: 3,
    name: 'name3'
  }
];

selectedUsers3 = [
  {
    id: 1,
    name: 'name1'
  },{
    id: 2,
    name: 'name2'
  }
];

我现在面临一个有线的情况是,当我绑定Object到select options通过[ngValue],并绑定功能[selected],将检查中是否存在当前选项selectedUsers.

我可以看到函数被检索,结果返回true/false作为例外,但选项保持未选中状态.

模板:

<select multiple [(ngModel)]="selectedUsers3">
  <option *ngFor="let user of users" [selected]="checkExist(user)" [ngValue]="user">{{user.name}}</option>
</select>

组件中的功能:

checkExist(user) {
  return this.selectedUsers3.findIndex(selUser => selUser.id === user.id) > …

在这里，我已经编写了来自画廊的图像选择器的代码，但是谁能告诉我setAction()和的卷是什么addCategory()？

意图类文件中有很多“静态最终字符串”可用，我完全不知道在我的程序中使用这些 ACTION 和 CATEGORY 参数

public class ImagePicker extends BaseActivity implements View.OnClickListener {

  private final int PICK_FROM_GALLERY_REQUEST = 1;
  private ImageView pickedImage;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.onStart();
    setContentView(R.layout.activity_image_picker);
    pickedImage= (ImageView) findViewById(R.id.image);
    Button cameraButton= (Button) findViewById(R.id.pick_from_camera);
    Button galleryButton= (Button) findViewById(R.id.pick_from_gallery);
    cameraButton.setOnClickListener(this);
    galleryButton.setOnClickListener(this);
    setViewHeight(pickedImage);
  }

  private void setViewHeight(ImageView pickedImage) {
    DisplayMetrics displayMetrics=getResources().getDisplayMetrics();
    pickedImage.getLayoutParams().height=displayMetrics.heightPixels/2;
  }


  @Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if(requestCode==PICK_FROM_GALLERY_REQUEST && resultCode==RESULT_OK && data!=null){
        InputStream stream …

我正在研究角度2素材应用程序,我有一个有多选元素的情况,并且我有一个带复选框的列表,所以我可以一次选择多个项目.我能够使用角度材质组件,但我想要的是默认情况下要检查的2-3个项目,如果我选择/取消选择特定项目,那么我应该选中/选择标记为true/false.

<md-select multiple="true" [(mgModel)]="test">
  <md-option *ngFor="let l of list" [value]="l">
    {{l.name}}
  </md-option>
</md-select>

var list = [{name:'abc'},{name:'cbv'},{name:'hgf'},{name:'rty'},{name:'fdv'},{name:'vbg'}]

var test = [{{name:'abc'},{name:'cbv'}]

是否有其他方法或在某些地方出错.

我正在尝试将本地 JSON 加载到我的组件中，但是我无法将服务中的值加载到我的组件中。我可以在服务中看到 json 数据，但它在我的组件中未定义。有人看到我在这里做错了吗？谢谢。

这是服务和组件中console.log的SS

接口文件

{
  "interfaces": {
    "eth" : {"name" : "eth"},
    "lte" : {"name" : "lte"},
    "wlc" : {"name" : "wlc"},
    "wlap" : {"name" : "wlap"}
  }
}

接口.service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

@Injectable()
export class Interfaces {

  constructor(public http: Http) {};

  public getData() {
    return this.http.get('/assets/interfaces.json')
    .map((res) => {res.json(); console.log(res); });
  };
}

interface.component.ts

import { Component, OnInit } from '@angular/core';
import { Interfaces } from './interfaces.service'; …

我正在使用Angular Material 2，并且尝试在md-checkbox上应用CSS。到目前为止，我设法更改了背景色，但是没有关于如何应用边框色的文档。

我的高度-宽度代码：

:host /deep/ .mat-checkbox-inner-container{
     height:15px;
     width:15px; 
}

检查背景色的代码：

 :host /deep/  .mat-checkbox-checked .mat-checkbox-background {
    background-color: #72addc;
} 

但仍然不能应用于边框颜色。

欢迎任何帮助！

我需要*, *:after, *:before使用样式material ui，还需要更改网络应用程序的全局字体系列。我该如何实现这一目标？

Material-UI 版本：1.0.0-beta.5

反应版本：15.4.1

我添加了xlsx.full.min.js文件。

这是我的代码

var workbook =  XLSX.read(data, { type: 'binary' });
var sheetName = workbook.SheetNames[0];
var excelData = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);

我在尝试构建我的角度2项目时遇到了问题.当我调用时ng build,构建器将路由路径验证为模块,并说它不存在:

ERROR in无法解析"C:/Users/bruno.martins/git/disciples-ui/src/app/app.module.ts"中的"app/membros/membro.module".

C:\Users\bruno.martins\git\disciples-ui>npm install

> disciples-ui@0.0.0 postinstall C:\Users\bruno.martins\git\disciples-ui
> ng build --prod

As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
which will only support Node 6.9 and greater. This package will be officially deprecated
shortly after.

To disable this warning use "ng set --global warnings.packageDeprecation=false".

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated …

“细节”在* ngFor从未来的服务器，是它包含列表。我正在从中选择一个项目。我想让该按钮在用户单击时处于活动状态，并且它应该保持活动状态，直到用户从列表中选择另一个选项。我正在使用[ngClass]但它正在激活一个按钮1 到 2秒。

<ion-list>
    <button ion-item [ngClass]="configop.selection" *ngFor="let configop of detail" (click)="itemSelected(configop)" >
        <div class="ion-item optionalItem">
            <div class="ion-button">
                <span class="color-code" >
                    <img src="{{configop.image}}">
                    </span>
                    <span class="color-name">{{ configop.name }}</span>
                <span class="color-price">{{ configop.price|currency:'PKR':false }}</span>
            </div>
        </div>
    </button>
</ion-list>

.ts file
    itemSelected(configop: any) {
      if(this.selection !=null){
        if(configop.name == this.selection){
          this.storage.remove('carPaint');
          this.selection=configop.name;
        }
        else {
          this.storage.remove('carPaint');
          this.storage.set('carPaint', configop);
          this.selection=configop.name;}
        }
        else { …

我观察formControl的valueChanges。表单控件是一个date picker。选择日期后，我会尝试将其重新格式化为yyyy-MM-dd原始MM-dd-yyyy格式。我直接修改表单控件的值。因此，它给了我递归调用错误。显然是真的。有什么解决办法吗？

代码：

this.parentForm.controls['myControlName'].valueChanges.subscribe((val)=>{
this.parentForm.controls['myControlName'].setValue(this._datePipe.transform(new Date(val), 'yyyy-MM-dd'));
});

<input #inputDate type="text" class="form-control" placeholder="Select date"
  [formControl]="parentForm.controls['myControlName']"
  [value]="selectedDate | date : 'MM-dd-yyyy'"/>
  <datepicker [ngModel]="selectedDate" [minDate]="minDate"
    [maxDate]="maxDate"
    [showWeeks]="false"
    [startingDay]="1"
    (selectionDone)="onSelectionDone($event)">
  </datepicker>

错误：

例外：./ DatePickerComponent类DatePickerComponent中的错误-内联模板：13：8由以下原因引起：递归过多error_handler.js：54原始例外：递归过多

在下面的代码中,我没有得到响应,而是得到一个未定义的错误.

fetchData() {
  fetch(Global.user_list)
    .then((response) => {
      if (response.ok) {
        return response.json()
      } 
    })
    .then((data) => {})
    .catch((err)=> {
      alert(err)
    })
}

我实际上是试图显示/隐藏基于用户类型的div,假设usertype1将能够看到div但是usertype2将无法查看div.

HTML代码

<div class="rate animated rubberBand" ng-if="myCheck">
            <input type="radio" id="starRating5" name="rate" value="5" disabled>
            <label for="star5" title="text"></label>
            <input type="radio" id="starRating4" name="rate" value="4" disabled>
            <label for="star4" title="text"></label>
            <input type="radio" id="starRating3" name="rate" value="3" disabled>
            <label for="star3" title="text"></label>
            <input type="radio" id="starRating2" name="rate" value="2" disabled>
            <label for="star2" title="text"></label>
            <input type="radio" id="starRating1" name="rate" value="1" disabled>
            <label for="star1" title="text"></label>
            </div>

JS代码

    if (userType === 'userType2')
    {
        $scope.myCheck = false;
    }
    else
    {
        $scope.myCheck = true;
    }

JS CODE BLOCK给了我错误

    if($scope.Item.starRating === 'NULL'){
        $scope.Item.starRating = 0;
    }

    else …

我有一个关于如何更改对象属性名称的问题。我有一个这样的对象：

description: "Human Resource Management Module"

id: 8

route: "/apps"

__children: Array(2)

如何将__children属性名称更改为indexSearch？