如何在 Angularjs 中给出 $this

Question

我在网格中显示数据，单击活动或非活动按钮时我必须更改按钮，功能工作正常，更改图标我无法找到活动单击按钮，在 jquery 中我们可以使用“this”，但不知道 angular js，请帮助

 $scope.activeSource = function(datasource,status)
                {

                        $scope.loading = true;
                        $scope.activeInfo = {
                                datasource:datasource,
                        };
                        $scope.alerts = [];
                        if(status == "Stopped")
                        {
                            $scope.entityService.activeInfo($scope.activeInfo,
                            function( msg ) // success
                            {
                                $scope.loading = false;
                                $rootScope.successMsg.push(msg);
                                $('.icon-play').hide();  // this.
                                $('.icon-stop').show();  // this.  no idea

                            },
                            function( msg ) // error
                            {
                                $scope.loading = false;
                                $rootScope.successMsg.push(msg);
                            }
                        );

Answer 1

您无需使用this 即可访问该按钮。相反，在您的控制器中创建一个包含按钮所有属性的 javascript 对象。像这样的：

$scope.myButton = {
  src : 'foobar.png',
  isVisible : true
};

然后，像这样定义您的按钮：

<img ng-src="myButton.src" ng-show="myButton.isVisible" />

现在，当你想修改按钮的任何属性时，你只需要改变javascript对象myButton，Angular会负责更新实际的按钮。

例如，如果你想隐藏按钮：

// you don't need to do this
// $('#myButton').hide();

// instead just do this
$scope.myButton.isVisible = false;

同样，你也可以改变图片的src。