Question

我是角色新手，从发电机角度开始了一个简单的项目。

必须有一些东西不能用usemin和$ http请求从json注入url。

我能够让yeoman.png使用缓存清除，但出于某种原因，将$ http请求中的图片网址加载到本地json似乎无法正常工作。

我通过替换＆＃39; {{project.mainImg}}＆＃39;来测试ng-repeat。与yeoman.png＆＃39; {{image}}＆＃39;这很有效。

这只是在运行grunt构建并创建缓存清除后的一个问题。

gruntfile.js：

usemin: {
  html: ['<%= yeoman.dist %>/{,*/}*.html'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  js: '<%= yeoman.dist %>/scripts/*.js',
  options: {
    assetsDirs: ['<%= yeoman.dist %>', '<%= yeoman.dist %>/images'],
    patterns: {
      js: [
        [/(images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
      ]
    }
  }
},

控制器：

angular.module('testProjectApp')
 .controller('MainCtrl', function ($scope, $http) {
   $http.get('projects/projects.json').success(function(data) {
   $scope.projects = data;
 });
 $scope.image = "images/yeoman.png";
});

HTML：

<img ng-src="{{image}}" alt="I'm Yeoman"><br>

<div class="project" ng-repeat="project in projects">
  <a href="{{project.url}}" target="_blank" class="{{project.title}}">
    <strong>{{project.title}}</strong>
    <img ng-src="{{project.mainImg}}" width="100%" />
  </a>
</div>

usemin不会为来自$ http json请求的加速图像更新js

0 个答案: