Question

我正在尝试通过AngularJS开发解决方案，当用户更改个人资料图片时，基于其个人资料的所有其他照片也会发生变化。

如何开始开发此功能？

提前致谢！

[解决]

在@ wolfman6377的帮助下，我可以理解功能并根据需要开发解决方案。我将在CodePen中留下一个例子。

var myApp = angular.module('myApp',[]);

myApp.controller('myController', function() {
        this.myVar = 'https://robohash.org/asd'
        this.updatePicture = function() {
            this.myVar = 'https://angular.io/resources/images/logos/angular/angular.png';
        };
});

谢谢你，@ wolfman6377。

Answer 1

您正在使用类似jQuery的策略。 jQuery元素选择器将无法更改myVar的值。

我建议您阅读有关angular1的一些基本教程。但简而言之，您需要：

不要抓取元素和更改属性
将模块添加到ng-app值
在模板中使用ng-controller
点击按钮添加按钮以更新myVar

模板

<body ng-app="myApp">
    <div id="var" ng-controller="myController as vm">
        <img ng-src={{vm.myVar}} />
        <button ng-click="vm.updatePicture()">Click me</button>
    </div>
</body>

控制器：

angular
    .module('myApp', [])
    .controller('myController', function() {
        this.myVar = 'https://www.w3schools.com/angular/pic_angular.jpg'
        this.updatePicture = function() {
            this.myVar = 'https://angular.io/resources/images/logos/angular/angular.png';
        };
    });

AngularJS - 主图像更改时如何更改另一个图像

1 个答案: