小编ani*_*ean的帖子

如何使用ng-bind填充文本框?

我是AngularJS的新手,我正在浏览这个链接,我很想在使用ng-bind的文本框控件上进行实验.但它没有用.

<html>
    <title>AngularJS First Application</title>
    <body>
    <h1>Sample Application</h1>
    <div ng-app="">
       <p>Enter your Name: <input type="text" ng-model="name"></p>

        <input type ="text" ng-bind="name" />
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

如何使用ng-bind填充文本框?

angularjs

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

如何应用ng-if和过滤器来过滤记录并在同一页面中显示两个不同的视图?

我对AngularJS很新,并且从这里开始学习,但我坚持下面的实验.

我有以下数据:

var people = ([
    {
    id: 1,
    name: "Peter",
    age: 21},
{
    id: 2,
    name: "David",
    age: 10},
{
    id: 3,
    name: "Anil",
    age: 22}
    ]);
Run Code Online (Sandbox Code Playgroud)

我想要做的是,如果年龄大于20岁,那么我必须显示所有三个字段(即id,姓名,年龄)

ID    Name  Age
1     Peter  21
3     Anil   22
Run Code Online (Sandbox Code Playgroud)

如果年龄小于20,则只会出现2个字段(例如id,name)

ID    Name  
2     David  
Run Code Online (Sandbox Code Playgroud)

到目前为止我尝试了什么?

app.js

var myApp=angular.module('myApp', []);

myApp.controller('PeopleCtrl', function($scope,$window) {

    $scope.people = ([
    {
    id: 1,
    name: "Peter",
    age: 21},
{
    id: 2,
    name: "David",
    age: 20},
{
    id: 3,
    name: "Anil",
    age: …
Run Code Online (Sandbox Code Playgroud)

javascript html-table angularjs angularjs-ng-repeat

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