Javascript 单击angularjs更改属性

我想在单击

时更改单选按钮的属性。 在下面的代码中，div有一个类，如果单击该div，我必须将单选按钮的属性更改为true。 我使用jQuery编写了这个事件处理

你能告诉我如何使用Angularjs解决这个问题吗

var-app=angular.module（'myapp'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
//如何在这里用Angular编写代码//
});

大的
中等的
小的
首先//单击

第二次//单击

第三次//点击
$（文档）.ready（函数（）{
$（'.field'）.bind（'click'，函数（）{
if（$（this）.hasClass（'col-xs-12'））{
$（'#large'）.prop（“选中”，true）；；
}
else if（$（this）.hasClass（'col-xs-6'））{
$（“#中”）.prop（“选中”，为真）；
}
其他的
$（'#small'）.prop（“选中”，true）；
})
});
此处不需要脚本，只需使用
标签
而不是
div


var-app=angular.module（'myapp'，[]，function（）{}）
应用程序控制器（'MainCtrl'，函数（$scope）{
})

大的
中等的
小的
第一


第二


第三
此处不需要脚本，只需使用
标签
而不是
div


var-app=angular.module（'myapp'，[]，function（）{}）
应用程序控制器（'MainCtrl'，函数（$scope）{
})

大的
中等的
小的
第一


第二


第三
由于您不能使用
标签
，因此角度解决方案将是使用
模型
值


var-app=angular.module（'myapp'，[]，function（）{}）
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.fieldClicked=函数（大小）{
如果（大小='col-xs-12'）{
$scope.size='large'；
}否则如果（大小='col-xs-6'）{
$scope.size='medium'；
}否则如果（大小='col-xs-4'）{
$scope.size='small'；
}
}
})

大的
中等的
小的
第一


第二


第三
由于您不能使用
标签
，因此角度解决方案将是使用
模型
值


var-app=angular.module（'myapp'，[]，function（）{}）
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.fieldClicked=函数（大小）{
如果（大小='col-xs-12'）{
$scope.size='large'；
}否则如果（大小='col-xs-6'）{
$scope.size='medium'；
}否则如果（大小='col-xs-4'）{
$scope.size='small'；
}
}
})

大的
中等的
小的
第一


第二


第三

使用
ng单击
指令更新
模型
值

试试这个：


var-app=angular.module（'myapp'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.val=''
$scope.clickHadler=函数（val）{
$scope.val=val；
};
});

大的
中等的
小的
首先//单击


第二次//点击


第三次//点击

使用
ng单击
指令更新
模型
值

试试这个：


var-app=angular.module（'myapp'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.val=''
$scope.clickHadler=函数（val）{
$scope.val=val；
};
});

大的
中等的
小的
首先//单击


第二次//点击


第三次//点击
@ArunPJohny因为我在那个div上有不同类型的数据，所以我不打算使用LABEL..@ArunPJohny因为我在那个div上有不同类型的数据，所以我不打算使用LABEL。。。意味着这些类将动态更改。。。这意味着，如果我将这些3div设置为“col-xs-6”，则必须在单选按钮上显示准确的属性。。这就是为什么我用jquery来理解，你能不能像我写jquery那样用angular来写代码…@VijjuSena，这样你就不知道div使用的是什么类了？这些类将用这个表达式{div.size}来更改..但是允许的值是4/6和12，对吗？@VijjuSena看到更新了吗，，但我们如何动态添加该属性。。。意味着这些类将动态更改。。。这意味着，如果我将这些3div设置为“col-xs-6”，则必须在单选按钮上显示准确的属性。。这就是为什么我用jquery来理解，你能不能像我写jquery那样用angular来写代码…@VijjuSena，这样你就不知道div使用的是什么类了？这些类将用这个表达式{div.size}来更改..但是允许的值是4/6和12，对吗？@VijjuSena看到更新了吗，，但我们如何动态添加该属性。。。意味着这些类将动态更改。。。这意味着，如果我将这些3div设置为“col-xs-6”，则必须在单选按钮上显示准确的属性。。这就是为什么我用jquery来理解，你能不能像我写jquery一样用angular来写代码..动态地引用
ng repeat
对吗？如果是，那么问题是什么？复选框和相应的div都将在
ng repeat
下创建。否我没有使用ng repeat。。那些div是动态追加的。。然后通过点击所选div上的单选按钮来添加类，我不认为将angular与
jQuery
混合会有帮助！祝你一切顺利！没关系，但我们如何动态添加该属性。。。意味着这些类将动态更改。。。这意味着，如果我将这些3div设置为“col-xs-6”，则必须在单选按钮上显示准确的属性。。这就是为什么我用jquery来理解，你能像我一样用angular来写代码吗