小编Lad*_*dyT的帖子

我是使用带有角度2的打字稿的新手.我正在使用角度2-cli的版本1.编译时,我收到此错误说"不能分配给类型Assignment []".我查看了数据类型,到目前为止它看起来还不错,但我不确定错误究竟是什么.谢谢你的帮助.

这是控制台错误的照片.

data.ts文件 - 这是数组中出现的两个项目

export const Assignments: Assignment[] = [
  {
    "a_type": "one",
    "a_title": "Assignment 1",
    "symbol": 1,
    "show": false,
    "tooltip": {
        "left": 82
    },
    "buttonPos":{
        "left": 130
    },
    "printTop": 0,
    "instructions": "Instructions here",
    "due_date": "sept-15.png",
    "percentage": "10.png",
    "taskA": {
        "name": "Option A",
        "a_title": "Task A",
        "information": "Instructions for task A",
        "selectA": true
    }
}, {
    "a_type": "two",
    "a_title": "Assignment 2",
    "symbol": 2,
    "show": false,
    "sub_a_title": "Assignment Information",
    "tooltip": {
        "left": 200
    },
    "buttonPos":{
        "left": 250
    },
    "printTop": …

我有两个子组件。他们正在共享使用http.get / subscribe方法加载的json文件中的数据。由于某种原因，当我将数据推入数组时，它不会在视图中更新。它虽然在控制台中显示了更新的数组。

应用程序组件从服务加载数据

this.dataService.getData()
 .subscribe(
     data => {
       this.data = data;
     },
     (err) => console.log('Error: ', err),
     () => console.log("success!")
   );

我正在使用输入来访问子组件中的数据。当将新值推入数组时，Angular 2中是否有任何方法可以更新视图。

显示组件

<div *ngFor="let i of items; let k = index"><h1>{{i.title}}</h1> <p>{{i.desc}}</p></div>

按钮组件

<button (click)="addItem(i)">Add Item</button>

The Component Function
addItem(i){
  let data = {title: "Some title", desc: "Some desc"};
  this.data.list[i].items.push(data);
}

我想创建动态范围变量.这是我创建的循环示例

for(var i=0; i<array.length; i++){ $scope.'linkName'+i = 'Some value'; // it should be like $scope.linkName1, $scope.linkName2, etc. }

问题是它不允许我以这种方式创建它.您是否知道我可以使用for循环遍历变量名称数组并将该值赋给范围变量的最佳方法？

我对angular不熟悉，我正在使用一个Codepen。当用户单击底部的导航按钮时，我想将另一个div的背景颜色更改为按钮的相应颜色。我不确定实现此目标的最佳方法。这是我下面的代码。

链接到Codepen编辑器 http://codepen.io/modDesigns/pen/YyKwGj

的HTML

<div class="wrapper" ng-app="mobile">
<div class="phone">
    <div class="page" ng-controller="Screen">
        <div class="top_background" ng-style="{'background-color': changeScreen()}">
            <i class="fa fa-signal sigs"></i>
            <i class="fa fa-wifi sigs"></i>
            <i class="fa fa-battery-full bats"></i>
            <span class="times">11:44am</span>

            <div class="home">
                <h5 class="text-center"><i class="fa fa-user"></i>   Account</h5>
            </div>
            <div class="navigation">
                <div class="col-sm-3 homes" ng-style="{'background-color': '#C0392B'}" ng-click="changeScreen('#C0392B')">
                    <h4><i class="fa fa-home"></i></h4>
                </div>
                <div class="col-sm-3 shop" ng-click="" ng-style="{'background-color': '#E74C3C'}">
                    <h4><i class="fa fa-shopping-cart"></i></h4>
                </div>
                <div class="col-sm-3 feeds" ng-click="" ng-style="{'background-color': '#E67E22'}">
                    <h4><i class="fa fa-comment"></i></h4>
                </div>
                <div class="col-sm-3 settings" ng-click="" ng-style="{'background-color': '#F39C12'}">
                    <h4><i class="fa fa-cog"></i></h4>
                </div> …