如何在X-Cart中实现AngularJ



当前,我正在X-Cart上工作,并且众所周知,X-Cart正在使用Smarty Template Engine。现在,我的客户想要X-Cart中的Angularjs。尝试了很多事情,但无法实施它。已经在Google上冲浪,但我也没有得到。你们可以建议我一些东西吗?

我必须提出问题。

  1. 在X-Cart中实现Angular JS是个好主意吗?
  2. 可能吗?
  3. 如果有可能,我们该如何实施?
  4. 它会影响X-Cart的其他功能吗?

请帮助我。

谢谢,伙计们。

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

  1. Is implementing angular js in x-cart is a good idea?这取决于您实际想对其做什么?由于您希望AngularJS更快地加载页面,因此首先可以检查并尝试本文。提高性能。如果您的需求可以从这里完成。您不需要Angularjs。

  2. Is it possible?是的,这是可能的。但是您无法像对NG-Route的请求那样完成整个Angularjs圆圈并获取数据。

  3. If it is possible then how can we implement it?您要做的就是包括Angular的JS文件,然后创建一个脚本并在Angular范围中获取来自PHP的Angular范围。

    例如:有一个产品列表页面,产品的数据将作为产品变量。因此,在Products_T页面中创建脚本,并在Angular范围中获取产品数据。从home.tpl文件中提供html中的ng-app。在这里,我正在服用productscontroller。

angular.module('myApp',[])。控制器('productsController', ['$ scope',功能($ scope){ $ scope.products = {$ products};
}]);

现在将产品列表主DIV定义为产品控制器,并处理进一步的AngularJS操作。

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

建议:如果您的需求从上面的链接满足。不要试图实现gangularjs。

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

,这应该回答您有关如何添加Angular的问题。

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

我想您最终可能会使用Smarty主要用于呈现TE布局和静态角标签的同时使用,然后使用Angular来填充这些标签,并具有实际内容。但是,当然,您必须经常构建该实施。

相关内容

  • 没有找到相关文章