小编xEm*_*anx的帖子

将JSON数据渲染到backbone.js模板

我环顾四周,找不到这个问题的答案.我正在尝试使用本地JSON文件,使用Backbone.js加载它并将其渲染到浏览器中的模板.我的文件下载,模板出现,但数据从不填充.有什么想法吗?提前致谢.

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>People list</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
</head>
<body>


  <div class="container">
    <h1>People list</h1>
    <hr />
    <div class="page"></div>
  </div>


  <script type="text/template" id="people-template">

    <table class="table striped">
      <thead>
        <tr>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Age</th>
          <th>Photo</th>
          <th>Video</th>
        </tr>
      </thead>
      <tbody>
        <% _.each(PersonCollection, function(Person) { %>
          <tr>
            <td><%= Person.get("firstName") %></td>
            <td><%= Person.get("lastName") %></td>
            <td><%= Person.get("age") %></td>
            <td><%= Person.get("photo") %></td>
            <td><%= Person.get("video") %></td>
          </tr>
        <% }); %>

      </tbody>
    </table>  
  </script>

  </body>

  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script> …
Run Code Online (Sandbox Code Playgroud)

javascript json backbone.js

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

如何在AngularJS中创建下拉过滤器结果

我有一个Angular应用程序,在网页顶部有一个搜索栏.此搜索栏是一个显示JSON数据数组子集的过滤器.我希望这个过滤器以不影响页面其余部分的DOM的方式显示其结果(这样,如果过滤器返回大量结果,带有自己的滚动选项的下拉框将出现,而不是按下底层HTML页面的结果).

我想出的解决方案是将我的ng-repeat过滤器包装在div中并将该div absolute放在我的CSS中.有一个更好的方法吗?这看起来非常h​​ackish,对我来说不是很有角度,但我找不到任何其他下拉过滤器解决方案.

angularjs angularjs-filter

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

将 sass 列表传递给具有多个参数的 mixin

我正在尝试创建一个 sass mixin,它将列表中不确定数量的项目作为 mixin 中的参数。

最终目标是拥有一个 mixin,可用于设置进度条不同值的颜色样式(即当进度条具有较低值时为红色)。这是我为 mixin 想到的:

@mixin progress-value($value..., $color...) {

    progress[value="#{$value}"] { 
        color: #{$color}; 

        &::-webkit-progress-value { background-color:  #{$color}; }
        &::-moz-progress-bar { background-color: #{$color}; }
    }   
}

// Calling the mixin
@include progress-value("0.25, #de2b23", "0.5, #FF8330", "0.75, #8A9F4A", "1, #14BB64");
Run Code Online (Sandbox Code Playgroud)

我知道这是我与包含一起使用的列表,但我不确定如何分解该列表并将其传递给每个参数,或者这是否是最好的方法。

我可以创建一个更简单的 mixin 版本,并为每个样式值调用它,但这看起来不太干燥。

css sass

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

标签 统计

angularjs ×1

angularjs-filter ×1

backbone.js ×1

css ×1

javascript ×1

json ×1

sass ×1