小编Joe*_*e82的帖子

Nuxt.js-使用参数在URL的末尾添加斜杠

这个问题是基于上一个问题

由于SEO的原因,我希望所有URL都以斜杠结尾。到目前为止,我已经将此功能与nuxt-redirect-module一起使用

redirect: [
    {
        from: '^.*(?<!\/)$',
        to: (from, req) => req.url + '/'
    }
]
Run Code Online (Sandbox Code Playgroud)

这将检查url,并/在末尾添加一个,以防万一。问题是当url末尾有参数时。

所以现在,这个重定向

https://example.com/folder

https://example.com/folder/ (预期行为)

但是使用params,现在它的工作方式如下:

https://example.com/folder?param=true

https://example.com/folder?param=true/(它/ 在params之后添加)

这将是实现它的方法,因此它将从

https://example.com/folder?param=true

https://example.com/folder/?param=true (因此它将/在url的末尾但在params之前添加)

提前致谢!

vue.js vuejs2 nuxt.js

9
推荐指数
1
解决办法
672
查看次数

AngularJS - 转到上一个/下一个模态

我正在构建一个带角度的应用程序,我有一个项目列表(使用ng-repeat),点击每个项目我可以打开一个模态,以便查看更详细的描述.

现在,为了切换到另一个模态,我必须关闭前一个模式,转到列表,然后单击打开另一个模态.单击上一个/下一个按钮时,我想直接转到上一个/下一个模态.我已经做了一个我想要实现的例子.

这是html:

<div ng-app="myApp" ng-controller="myCtrl">
   <ul>
       <li ng-repeat="t in turtles">
          {{t.name}} - {{t.weapon}} 
          <a ng-click="show = !show">Show more</a>
          <div class="modal" ng-show="show">
              <div class="close" ng-click="show = !show">X</div>
              {{t.name}} likes to eat {{t.food}} with his {{t.weapon}}!
              <div class="previous">Previous</div>
              <div class="next">Next</div>
          </div>
       </li>
   </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

和控制器:

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
    $scope.turtles = [
        { name: "Michellangelo", weapon: "nunchaku", food:"pizza" },
        { name: "Donatello", weapon: "bo", food:"pizza" },
        { name: "Leonardo", weapon: "katana", food:"turtle soup" },
        { name: …
Run Code Online (Sandbox Code Playgroud)

modal-dialog angularjs

7
推荐指数
1
解决办法
2131
查看次数

Nuxt.js - 在所有 url 的末尾强制尾随斜杠

我正在寻找一种方法来确保我的所有 url 都以斜杠结尾(所以首先检查末尾是否已经有斜杠,如果没有,则添加一个)。

我已经尝试过nuxt-redirect-module,它可以添加斜杠,但它会导致无限重定向

redirect: [
  {
    from: '^(.*)$',
    to: (from, req) => {
      let trailingUrl = req.url.endsWith('/') ? req.url : req.url + '/'
      return trailingUrl
    }
  }
]
Run Code Online (Sandbox Code Playgroud)

欢迎任何见解。谢谢!

vue.js nuxt.js

7
推荐指数
2
解决办法
5647
查看次数

Angular JS - 将数据从指令发送到父控制器

我有一个应用程序,我使用ngCart指令,以存储添加到篮子中的项目.问题是该指令只具有发送用户添加的项目信息的功能,但我还需要发送一些我将从表单中获取的信息.

因此,为了在单个对象中发送它,我首先需要将指令中存储的数据提取到我的主范围,然后将其与我从表单中获取的数据合并.

为此,我需要修改ngCart.js指令.我试图提供服务,正如这里所建议的那样,但我无法让它发挥作用.我在指令中添加的代码是这样的

.service('ngCartData', ['ngCart', function(ngCart){

    return {
        data:ngCart;
    };

 }])
Run Code Online (Sandbox Code Playgroud)

,但我得到一个错误说 Module 'ngCart' is not available!

我对角度服务和工厂都很陌生,所以我不确切地知道在哪里工作.我用我的代码制作了一个plunkr(我尝试ngCart.js使用上面的代码修改文件,但是plunkr显示了没有任何修改的指令).我只需要能够在范围ngCart中发送存储在指令中的数据,以便我可以在父控制器中监听它(参见plunkr中的checkout部分).

任何帮助将非常感激.谢谢!

angularjs

6
推荐指数
1
解决办法
534
查看次数

AngularJS - ng - 如果数组中有特定值

我希望ngIf在范围内的数组中有特定值时触发.

所以我在我的范围内有这个:

var orders = [{
    "order_no": 1,
    "color": ["blue", "pink", "red"]
}, {
    "order_no": 2,
    "color": ["yellow", "blue", "white"]
}];
Run Code Online (Sandbox Code Playgroud)

我希望有一个ngIf显示一个元素,例如,如果其中一个颜色数组中存在黄色(假设我事先不知道数据范围,但事先知道结构).

我发现这样做的唯一方法是事先知道范围的结构,所以fx ng-if="orders[1].color[0] === 'yellow'"

谢谢!

angularjs angular-ng-if

3
推荐指数
1
解决办法
1万
查看次数

Underscore.js - 使用相同键对象的数组

我需要转换这个:

"colors":["pink", "Blue"]
Run Code Online (Sandbox Code Playgroud)

或者只是这个

["pink", "Blue"]
Run Code Online (Sandbox Code Playgroud)

进入这个

[{ colors: "pink" }, { colors: "blue" }]
Run Code Online (Sandbox Code Playgroud)

为了能够在AngularJS中使用它.有没有办法用underscore.js做到这一点?提前致谢!

javascript underscore.js angularjs

2
推荐指数
1
解决办法
639
查看次数

AngularJS - 按键、值对重复 ng 时的 orderBy 值

我已经用 lodash 中的 countBy 函数计算了一组数据中每个项目的出现次数,结果是这样的:

$scope.colors= {
"Orange": 3,
"Blue": 2,
"Pink": 1,
"Red": 1,
"Black": 2,
};
Run Code Online (Sandbox Code Playgroud)

现在我想显示数据并按其值排序。我试过

<div ng-controller="myCtrl" ng-app="myApp">
    <ul>
      <li ng-repeat="(key,value) in colors | orderBy:value">
        {{key}} ({{value}})
      </li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

但是 orderBy 过滤器似乎并没有起作用(请参阅此处的 plunkr

有什么办法可以用当前的数据形式来做,还是有更好的方法来构造数据以达到预期的结果?提前致谢!

angularjs lodash

2
推荐指数
1
解决办法
1万
查看次数