识别以下代码中的错误

时间:2016-04-18 16:26:49

标签: javascript html angularjs

我在以下代码中遇到错误,行var f1.dob = new Date(),可能是什么 是错误的原因。 也没有得到表的输出。

以下是Java脚本代码:

var app=angular.module("demofilter",[]);
console.log("Inside app.js");
app.controller("filtr",[function(){
    var fl = this;
    var f1.dob = new Date();
    console.log("date",f1.dob);
    fl.employees = [
        {"name":"Vishwa","age":27,"Desig":"Sr.UI Dev"},
        {"name":"Raju","age":30,"Desig":"Manager"},
        {"name":"Ramu","age":34,"Desig":"Sr. mgr"},
        {"name":"shyam","age":22,"Desig":"Trainee"}
    ];
}]);

下面是HTML代码:

<body>
<div ng-controller="filtr as fl">

<h4> Date Filter</h4>
 <p> {{fl.dob}}</p>

<table>
    <thead>
        <th>sl No.</th>
        <th>Name</th>
        <th>Age</th>
        <th>Desig</th>
    </thead>
   <tr ng-repeat="emp in fl.employees track by $index"></tr>
   <td>{{$index+1}}</td>
   <td>{{emp.name}}</td>
   <td>{{emp.age}}</td>
   <td>{{emp.desig}}</td>


</table>

</div>
<script type="text/javascript" src="libs/angular.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>

2 个答案:

答案 0 :(得分:3)

这在语法上是不正确的:

var f1.dob = new Date();

var声明用于声明变量,而不是对象属性。我想想你可能想要在之前的行中创建的“fl”(不是“f1”)变量中添加“dob”属性:

var fl = this;
fl.dob = new Date();

答案 1 :(得分:2)

我会尝试将dob行更改为:

var fl = this;
fl.dob = new Date();

这可以更简洁地完成。

另外,您真的是要定义f1fl变量吗?