Javascript ng click无法识别$index
{{tab}}在单击时应更改 {{role.position}} {{role.company}} {{role.location} {{role.description}}Javascript ng click无法识别$index,javascript,angularjs,indexing,angularjs-ng-click,Javascript,Angularjs,Indexing,Angularjs Ng Click,{{tab}}在单击时应更改 {{role.position}} {{role.company}} {{role.location} {{role.description}} 不要直接在作用域上声明基元类型,因为它们可以被子作用域覆盖。有关更多信息: 作用{ //棱角的 var-app=angular.module'app',[]; 应用程序控制器“认证控制器”,功能{ this.model={}; 此角色=[{ “期限”:“2009年9月-2010年9月”, “位置”:“开发人员”, ‘公司
不要直接在作用域上声明基元类型,因为它们可以被子作用域覆盖。有关更多信息: 作用{ //棱角的 var-app=angular.module'app',[]; 应用程序控制器“认证控制器”,功能{ this.model={}; 此角色=[{ “期限”:“2009年9月-2010年9月”, “位置”:“开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “位置”:“前端开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }]; }; }; .职位{ 位置:相对位置; } .圆圈{ 宽度:25px; 高度:25px; 显示:块; 颜色:fff; 光标:指针; 文本对齐:居中; 文字装饰:无; 位置:绝对位置; 左:0; 右:0; 保证金:自动; 边缘顶部:10px; 字体大小:20px; 背景色:红色; } 状态:{{model.tab} 角色索引{{$index}} {{role.position}} {{role.company}} {{role.location} {{role.description}}
不要直接在作用域上声明基元类型,因为它们可以被子作用域覆盖。有关更多信息: 作用{ //棱角的 var-app=angular.module'app',[]; 应用程序控制器“认证控制器”,功能{ this.model={}; 此角色=[{ “期限”:“2009年9月-2010年9月”, “位置”:“开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “位置”:“前端开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }]; }; }; .职位{ 位置:相对位置; } .圆圈{ 宽度:25px; 高度:25px; 显示:块; 颜色:fff; 光标:指针; 文本对齐:居中; 文字装饰:无; 位置:绝对位置; 左:0; 右:0; 保证金:自动; 边缘顶部:10px; 字体大小:20px; 背景色:红色; } 状态:{{model.tab} 角色索引{{$index}} {{role.position}} {{role.company}} {{role.location} {{role.description}}
在代码示例中,您在ng app之后声明了tab变量。ng控制器生成子作用域,所以ng控制器元素选项卡的内部实际上是$parent.tab,ng repeat生成另一个子作用域,也称为隔离作用域,所以若在中更改选项卡 将代码添加到$parent.$parent.tab,您可以实际访问它。 更好的做法是只移动显示ng控制器内活动选项卡的元素,并将其附加到控制器本身。正如您在我的代码示例中所看到的 作用{ //棱角的 var-app=angular.module'app',[]; 应用程序控制器“认证控制器”,功能{ 此角色=[{ “期限”:“2009年9月-2010年9月”, “位置”:“开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “位置”:“前端开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }]; }; }; .职位{ 位置:相对位置; } .圆圈{ 宽度:25px; 高度:25px; 显示:块; 颜色:fff; 光标:指针; 文本对齐:居中; 文字装饰:无; 位置:绝对位置; 左:0; 右:0; 保证金:自动; 边缘顶部:10px; 字体大小:20px; 背景色:红色; } 状态:{{推荐列表.tab} 角色索引{{$index}} {{role.position}} {{role.company}} {{role.location} {{role.description}}
在代码示例中,您在ng app之后声明了tab变量。ng控制器生成子作用域,所以ng控制器元素选项卡的内部实际上是$parent.tab,ng repeat生成另一个子作用域,也称为隔离作用域,所以如果您将代码中的选项卡更改为$parent.$parent.tab,您可以实际访问它。 更好的做法是只移动显示ng控制器内活动选项卡的元素,并将其附加到控制器本身。正如您在我的代码示例中所看到的 作用{ //棱角的 var-app=angular.module'app',[]; 应用程序控制器“认证控制器”,功能{ 此角色=[{ “期限”:“2009年9月-2010年9月”, “位置”:“开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “位置”:“前端开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }, { “期限”:“2009年9月-2010年9月”, “职位”:“Web开发人员”, ‘公司’:‘公司’, “地点”:“英国伦敦”, ‘描述’:‘Lorem ipsum door sit amet,adipising elit,sed do eiusmod temporal cididut ut laboure and dolore magna aliqua.ut enim ad minimum veniam,proident,sunt in culpa qui’ }]; }; }; .职位{ 位置:相对位置; } .圆圈{ 宽度:25px; 高度:25px; 显示:块; 颜色:fff; 光标:指针; 文本对齐:居中; 文字装饰:无; 位置:绝对位置; 左:0; 右:0; 保证金:自动; 边缘顶部:10px; 字体大小:20px; 背景色:红色; } 状态:{{推荐列表.tab} 角色索引{{$index}} {{role.position}} {{role.company}} {{role.location} {{role.description}}
谢谢你的努力谢谢你的努力