小编Sha*_*Lin的帖子

我刚开始学习TypeScript,我看到有很多代码使用这个sytax =>.我通过阅读TypeScript版本1.6规范和一些谷歌搜索做了一些研究.我还是无法理解其含义=>.
对我来说,感觉就像是C++中的指针.但我无法确认.如果有人可以解释以下示例,那将是很好的.谢谢!

以下是我在阅读Typescript规范时发现的示例:

对象类型

var MakePoint: () => {  
    x: number; y: number;  
};

问题:这段代码在做什么？创建一个名为MakePoint的对象,其中x和y字段是数字类型？这是MakePoint的构造函数还是函数？

功能类型

function vote(candidate: string, callback: (result: string) => any) {  
 // ...  
}

问:这是什么意思=> any？你必须返回一个字符串类型？

有人能用简单的英语向我解释这些例子的区别或目的吗？感谢您的时间!

有官方角度生成器,许多用户为Angular 1提供了一些.但是我还没有找到Angular 2的生成器.

这样的自然生成器是否已存在？

有一篇关于如何异步引导angular1应用程序的优秀文章.这使我们能够在引导之前从服务器获取json.

主要代码在这里:

(function() {
    var myApplication = angular.module("myApplication", []);

    fetchData().then(bootstrapApplication);

    function fetchData() {
        var initInjector = angular.injector(["ng"]);
        var $http = initInjector.get("$http");

        return $http.get("/path/to/data.json").then(function(response) {
            myApplication.constant("config", response.data);
        }, function(errorResponse) {
            // Handle error case
        });
    }

    function bootstrapApplication() {
        angular.element(document).ready(function() {
            angular.bootstrap(document, ["myApplication"]);
        });
    }
}());

如何使用Angular 2实现相同的目标？

我按照一些教程来制作角度指令.在隔离范围中,一些教程定义范围如下:

scope: {
  model: '=?',
  data:  '@?' 
}

和一些教程定义范围没有问号,如:

scope: {
  model: '=',
  data:  '@'
}

任何人都可以通过恰当的例子向我解释这些的区别或目的.谢谢.

我试图更好地理解JavaScript.这是我从JavaScript函数闭包中读取的一段代码.

var funcs = [];
// create a bunch of functions
for (var i = 0; i < 3; i++) {
   funcs.push(function() {
    console.log(i);
   })
}
// call them
for (var j = 0; j < 3; j++) {
  funcs[j]();
}

该阵列funcs具有推回调功能.我不是为什么在J循环中,funcs[j]()会调用此函数i在控制台中打印.
我试图通过添加一些控制台消息来理解这个序列:

var funcs = [];
console.log("start");
for (var i = 0; i < 3; i++) {
  console.log("i:" + i);
  funcs.push(function(){
    console.log(i);
  })
}

console.log("J loop");
for (var j=0; …

我将ng-click $ index值传递给我的控制器,然后使用它在ng-repeat中的值来表示我的数据,但得到的错误表明"ReferenceError:myChoice未定义"

我的观点(months.html)有一个所有月份的列表,选中后,它会将值传递给控制器​​.

<ion-list ng-repeat="time in times.months" ng-click="getMonthId($index)" style="">
  <ion-item style="" href="#/dmtimes">{{ time.monthId }} - {{ time.MonthName }</ion-item>
</ion-list>

视图输出显示:

1 - Jan
2 - Feb 
3 - Mar
etc

我的控制器有以下提取代码:

.controller('dailyMeetingTimesCtrl', function($scope, MeetingNames, $ionicLoading, $firebase, $firebaseArray) {

  $scope.getMonthId = function (monthId) {
    alert("you selected: " + monthId); // this works fine.
    $scope.myChoice = monthId; // ReferenceError: myChoice is not defined

    console.log(myChoice);
  }
})

在我的第二个视图(displayMeetingTimes.html)中,我想显示所选月份的会议详细信息,时间等.代码如下:

<ion-view title="Daily Meeting Times">
  <ion-content ng-controller="dailyMeetingTimesCtrl" class="has-header" overflow-scroll="true" padding="true">
    <ion-list>

      <ion-item ng-repeat="time in times.months(myChoice).days" …

我跟随Angular2的QuickStart.与教程相比,我使文件夹结构不同.我遇到一个错误找不到模块.......

我理解错误的原因是导入问题.

我的文件夹结构:

我已经hero在hero.ts文件中导出了界面.我想在hero-detail.component.ts文件中导入此接口.

我试过了:

import {Hero} from '../app/hero';
import {Hero} from './hero';
import {Hero} from './app/hero';

这些都不起作用.

系统在index.html中配置

我的问题是:

如何在Angular 2中导入工作？

我希望在div上有悬停效果,根据我传递给的颜色代码更改颜色.我的想法是将颜色代码传递给指令然后调用element.css().但是,我还需要使用悬停类添加到特定的div element.addClass(hoverclass).现在,我卡住了,因为我不知道如何处理这个问题.

HTML

<div ng-repeat="social in socialArray">{{social.name}}</div>

这会给我一些像:

<div>Facebook</div>
<div>Flickr</div>
<div>Google+</div>
<div>Instagram</div>
<div>Linkedin</div>

我的JS档案:

$scope.socialArray = [
     {name:"Facebook", color:"#3B5998"}, 
     {name:"Flickr",color:"#FE0883"}, 
     {name:"Google+",color:"#C63D2D"}, 
     {name:"Instragram",color:"#4E433C"},    
     {name:"Linkedin",color:"#4875B4"}
];

我的css:

.change-color{
  transition: 0.4s all;
}

.change-color:hover, .change-color:focus, .change-color:active{
  color: #fff;
  background-color:  #e38d13;
  cursor: pointer;
}

我希望能够根据socailArray中的颜色动态更改背景颜色.任何建议或提示都会很棒.先谢谢你!

我有一组数据,它是一个对象数组.有些对象的数据比另一些对象多.但每个对象将显示在每个col-md-4 div中.因此,每个div的高度将根据对象具有多少数据而不同.

这是我的代码:

<div class="col-md-12 eventlog-info-container">
  <div class="row eventlogs-single-container">
    <div class="col-md-4 eventlog-1-container" ng-repeat="record in records track by $index">
        <h4>Event Log {{$index}}</h4>
        <ul>
            <li ng-repeat="(key, value) in record">{{::key}}: {{::value}}</li>
        </ul>
    </div>
  </div>
</div>

我的问题是在ng-repeat之后,我想找到元素的最大高度.然后使用ng-style将最大高度应用于每个元素.

我有一个想法,使用JQuery来解决这个问题.但是,我想使用Angular来做到这一点？有什么建议吗？Anuglar不适合DOM操作吗？

先谢谢你.