如何在x-cart中实现angularjs

How to implement angularjs in x-cart

目前,我正在开发 x-cart,正如你们所知,x-cart 正在开发 smarty 模板引擎。现在我的客户想要在 x-cart 中使用 angularjs。尝试了很多东西,但无法实施。已经在 google 上冲浪了,但我也没有得到。你们能给我一些建议吗?

我要发问题了

  1. 在 x-cart 中实现 angular js 是个好主意吗?
  2. 可能吗?
  3. 如果可能的话,我们该如何实施呢?
  4. 是否影响x-cart的其他功能?

请帮助我。

谢谢你们,伙计们。

好吧,我根本不知道 x-cart,但是查看 x-cart 4 文档,您可以使用 load_defer smarty 标签添加 javascript,如下所述:https://help.x-cart.com/index.php?title=X-Cart:CSS_and_JavaScript_optimization

这样应该可以回答您关于如何添加 Angular.

的问题

但是,问如何用Angular替换Smarty是没有意义的。 Smarty 是一个服务器端模板引擎,Angular 是一个客户端模板引擎(以及更多)。

我想您最终可能会同时使用这两种方法,其中主要使用 Smarty 来呈现布局和静态 Angular 标签,然后使用 Angular 用实际内容填充这些标签。 但是,您当然必须自定义构建该实现。

好的,我得到了答案。您不能像在其他网站中那样直接实现 angularjs。所以这里是你问题的答案。

  1. Is implementing angular js in x-cart is a good idea? : 这取决于您实际想用它做什么?如果你想让 angularjs 加载页面更快,首先你可以查看并尝试这篇文章。 to increase performance。如果您的要求可以从这里完成。你不需要 angularjs.

  2. Is it possible?: 是的,这是可能的。但是你不能像请求 ng-route 一样完成整个 angularjs 循环并取回数据。

  3. If it is possible then how can we implement it?:你只需要包含angular的js文件,然后创建一个脚本并获取数据在来自 php.

    的 angular 范围内

    例如:有一个商品列表页面,商品的数据会作为products变量来。所以在 products_t 页面中创建一个脚本并在 angular 范围内获取产品数据。在 home.tpl 文件的 HTML 中提供 ng-app。我在这里使用 ProductsController.

angular.module('myApp', []).controller('ProductsController', ['$scope', function($scope){ $scope.products = {$products};
}]);

现在将 productlist main div 定义为 Products 控制器并进一步处理 angularjs 操作。

  1. Does it affect other functionality of x-cart?: 如果你遵循这个结构,它不会影响任何x-cart模块。只需正确定义所有值即可。

建议:如果你的要求从上面得到满足的话link仍然如此。不要尝试实现 angularjs.