HTML5/Angular.js实现的实时搜索电影服务 - 踏得网

垂直搜索服务 - 电影

angular, 搜索

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 1845
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css'>
<div class="container" ng-app="myApp" ng-controller="Example">
    <div class="jumbotron">
        <div class="container">
            <h2>Search in {{movies.length}} movies from Netflix/Denmark</h2>
            <p>The data I have found on the net: <a href="https://www.flixfilm.dk/">https://www.flixfilm.dk/</a>
            </p>
            <div class="col-md-12 tags"><strong>Tags:</strong>
                <span ng-repeat="tag in tags">
            <a href="https://codepen.io/search?q={{tag}}&limit=all&depth=everything&show_forks=false"><code class="btn btn-primary btn-xs">{{tag}}</code></a></span>
            </div>
        </div>
    </div>
    <div class="container main">
        <div class="row">
            <div class="col-md-12">
                <input type="search" placeholder="Search the {{movies.length}} movies " ng-model="search" class="search" /><code>  {{(movies | filter:search).length}} found</code>
            </div>
            <div class="col-md-6" ng-repeat="movie in movies | orderBy:'id' | filter:search | limitTo:25">
                <h4>
	<a href="{{movie.netflix}}" target="blank">{{movie.title}}</a></h4>
                <p>{{movie.desc}}</p>
            </div>
        </div>
    </div>
</div>
<script src='/libs/angular/angular.min.js'></script>
<script src='/uploads/150401/flexmovies.js'></script>