如何在另一个模板中两次附加相同的模板 - Angular 1.5

时间:2016-12-06 06:34:35

标签: angularjs templates angularjs-directive angular-ui-router

我是一名Angular新手。使用Angular 1.5,我有一个带按钮的主模板。 按钮上的ui-sref链接到加载图像的ui-router(另一个模板)。我的要求是在用户单击按钮的同时,将相同的图像附加到主模板中。 我面临的问题是,每次单击按钮都会覆盖相同的图像模板,并且不会附加图像。如何解决这个问题?

<html>
<head>
</head>
<body ng-app="my-app">
<div ng-controller="main-controller">
  <md-button ui-sref="imgTemplate">Add Image</md-button>
</div>
</body>
</html>

(function() {
angular.module('app.imgTemplate').run(route);

route.$inject = ['routerHelper'];

  function route(routerHelper) {
    routerHelper.configureStates(return 
    [
      {
        state: 'imgTemplate',
        config: {
          url: '/imgTemplate',
          templateUrl: 'app/imgTemplate/imgTemplate.html',
          controller: 'imgTemplateController'
        }
      }
    ];
    );
  }
})();


<div ng-controller="imgTemplateController">
    <img src="../../system_path">
</div>

0 个答案:

没有答案