Javascript 可以制作一个模板，并以角度向其传递参数？

我正在开发一个关于图片帖子的社交应用程序，我们必须在应用程序的多个屏幕上显示这些帖子。问题是，我们在每个屏幕模板中重复帖子的结构，因此如果我们在某个模板中更改帖子的结构，我们必须在每个模板中更改该结构

---

我的问题是，是否可以创建一个模板——在本例中是posts的结构——并将post对象作为参数发送，这样新模板就可以正确加载它？当然，在我们需要的任何地方调用这个模板，比如Django块和模板继承。有没有办法做到这一点？谢谢。

如果我理解你的问题，我认为你需要使用指令

脚本

angular.module('docsTemplateUrlDirective', [])
.controller('Controller', ['$scope', function($scope) {
  $scope.customer = {
    name: 'Naomi',
    address: '1600 Amphitheatre'
  };
}])
.directive('myCustomer', function() {
  return {
    templateUrl: 'my-customer.html'
  };
});

Index.html

<div ng-controller="Controller">
  <div my-customer></div>
</div>

与文档的链接是

更新1

根据您的问题，您可以传递并反对该指令，因为您需要执行以下代码

myApp.directive('passObject', function() {
    return {
        restrict: 'E',
        scope: { obj: '=' },
        template: '<div>Hello, {{obj.prop}}!</div>'
    };
});

myApp.controller('MyCtrl', function ($scope) {
    $scope.obj = { prop: "world" };
});

myApp.directive（'passObject'，function（）{
返回{
限制：'E'，
作用域：{obj:'='}，
模板：“你好，{{obj.prop}}！”
};
});
myApp.controller（'MyCtrl'，函数（$scope）{
$scope.obj={prop:“world”}；
});

Mustach等现有模板有什么问题？这里有一个可能的解决方案：你是在谈论角度模板还是后端生成的html我是在谈论角度模板，这个项目中没有后端。我需要向指令传递一个具有很多属性的对象，我可以将该对象指定给指令范围或类似的东西吗？

myApp.directive('passObject', function() {
    return {
        restrict: 'E',
        scope: { obj: '=' },
        template: '<div>Hello, {{obj.prop}}!</div>'
    };
});

myApp.controller('MyCtrl', function ($scope) {
    $scope.obj = { prop: "world" };
});