AngularJS - 当主体图像发生变化时如何更改其他图像

-2

我试图通过AngularJS开发解决方案，当用户更改配置文件图像时，基于其配置文件的所有其他照片也会发生更改。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。

来源

2017-04-20 IgoR

它不是完全清楚你的问题是在这里。你的代码乱七八糟。你没有角度的应用程序或控制器，试图使用ng-init来达到它的目的，并且尝试使用jquery来改变点击时的ng-init值，但是'ng-当页面加载时，init'值只处理一次。你应该花更多的时间研究角度是如何设计的，甚至不会在角页面上加载jquery，除非你有**绝对没有其他选择**。 – Claies

@Claies看到“wolfman6377”的回应......他想帮忙，不是。 – IgoR

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

我会推荐通过一些关于angular1的基本教程。但简而言之，你需要：

不要抢元素和改变属性
在模板中添加一个模块到ng-app值
使用NG控制器
添加NG-点击按钮，更新的价值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'; 
     }; 
    });

来源

2017-04-20 13:55:32 user2954463

非常感谢，现在这个作品！ :) – IgoR

AngularJS - 当主体图像发生变化时如何更改其他图像

回答

相关问题