小编Aka*_*ati的帖子

使用API​​获取要在音频标签
View中播放的声音的url

<img src="../img/play.svg" alt="Play" ng-click="playSound('exampleWord')" width="48"/>

控制器:

$scope.playSound=function(input){
    $scope.audio={};
    soundFetch.getSound(input).success(function(data){
        $scope.audio=data;
    });
}

soundFetch是调用getSound函数的服务.返回的数据是歌曲的网址.单击img标签后如何播放声音.目前收到错误Error: [$interpolate:interr]

问题在于 Webpack 在编译代码中使用 eval。因此，Chrome 扩展程序和 Firefox 插件无法工作，因为它需要 CSP 属性中的“unsafe-eval”指令，而这是不允许的。我使用 Vue.js 作为前端和webpack构建vue-loader过程

Package.json 文件

{
   "webpack": "^3.10.0",
   "babel-core": "^6.18.2",
   "babel-loader": "^7.1.2",
   "babel-preset-es2015": "^6.18.0",
   "babel-preset-stage-2": "^6.24.1",
   "file-loader": "^0.9.0",
   "style-loader": "^0.18.2",
   "vue-loader": "^10.0.2"
}

这是 webpack 中的 build.js 文件中包含的内容。函数构造函数和 eval 的用法。

try {
    // This works if eval is allowed (see CSP)
    g = g || Function("return this")() || (1,eval)("this");
} catch(e) {
    // This works if the window reference is available
    if(typeof window === "object")
        g = window; …

我有一个小任务,为Shopify上的主题添加一个功能.我很擅长PHP,但shopify使用.liquid文件.我想知道它是如何工作的像这段代码片段

{{% if payment.gateway | name %}}

虽然他们已经提供了文档,但我想知道如何使用这种语言,因为我没有购买付费版本,我想在付费之前尝试这个.谁能帮我