Fatal编程技术网

Javascript 角装订不起作用

javascript html angularjs data-binding

Javascript 角装订不起作用,javascript,html,angularjs,data-binding,Javascript,Html,Angularjs,Data Binding,我有这个（它不起作用，我不知道为什么。如果有人能帮助修复它，我会很高兴）。小提琴中的代码是： HTML: 问题是范围（年龄）输入没有绑定到它上面的跨度（“kid age是{{kid.age}”） 为什么没有绑定？在JSFiddle 还可以在输入字段中使用ng model，以绑定angularjs 改变 <input type="range" value={{kid.age}} > 到 看看这个 <body ng-app="testApp"> <div n

我有这个（它不起作用，我不知道为什么。如果有人能帮助修复它，我会很高兴）。小提琴中的代码是：

HTML:

问题是范围（年龄）输入没有绑定到它上面的跨度（“kid age是{{kid.age}”）

为什么没有绑定？

在
JSFiddle

还可以在输入字段中使用
ng model
，以绑定angularjs

改变

 <input type="range" value={{kid.age}} >
到

看看这个

<body ng-app="testApp">
<div ng-controller="AppCtrl">
    <span>kid name is {{kids[0].name}}</span><br />
    <input type="text" ng-model="kids[0].name" value={{kids[0].name}} > <br />
    <span>kid age is  {{kids[0].age}}</span> <br />
    <input type="text" value={{kids[0].age}} >

    <div ng-repeat="kid in kids">
        <br />
        The kid's name is <strong id="name">{{kid.name}}</strong> and his age is {{kid.age}}
        <br />
        <input type="range" ng-model="kid.age" value="{{kid.age}}">
    </div>
</div>


孩子的名字是{{kids[0]。名字}}



儿童年龄为{{kids[0]。年龄}}



孩子的名字是{{kid.name}，他的年龄是{{kid.age}
在
JSFiddle

还可以在输入字段中使用
ng model
，以绑定angularjs

改变

 <input type="range" value={{kid.age}} >
到

看看这个

<body ng-app="testApp">
<div ng-controller="AppCtrl">
    <span>kid name is {{kids[0].name}}</span><br />
    <input type="text" ng-model="kids[0].name" value={{kids[0].name}} > <br />
    <span>kid age is  {{kids[0].age}}</span> <br />
    <input type="text" value={{kids[0].age}} >

    <div ng-repeat="kid in kids">
        <br />
        The kid's name is <strong id="name">{{kid.name}}</strong> and his age is {{kid.age}}
        <br />
        <input type="range" ng-model="kid.age" value="{{kid.age}}">
    </div>
</div>


孩子的名字是{{kids[0]。名字}}



儿童年龄为{{kids[0]。年龄}}



孩子的名字是{{kid.name}，他的年龄是{{kid.age}
在
JSFiddle

还可以在输入字段中使用
ng model
，以绑定angularjs

改变

 <input type="range" value={{kid.age}} >
到

看看这个

<body ng-app="testApp">
<div ng-controller="AppCtrl">
    <span>kid name is {{kids[0].name}}</span><br />
    <input type="text" ng-model="kids[0].name" value={{kids[0].name}} > <br />
    <span>kid age is  {{kids[0].age}}</span> <br />
    <input type="text" value={{kids[0].age}} >

    <div ng-repeat="kid in kids">
        <br />
        The kid's name is <strong id="name">{{kid.name}}</strong> and his age is {{kid.age}}
        <br />
        <input type="range" ng-model="kid.age" value="{{kid.age}}">
    </div>
</div>


孩子的名字是{{kids[0]。名字}}



儿童年龄为{{kids[0]。年龄}}



孩子的名字是{{kid.name}，他的年龄是{{kid.age}
在
JSFiddle

还可以在输入字段中使用
ng model
，以绑定angularjs

改变

 <input type="range" value={{kid.age}} >
到

看看这个

<body ng-app="testApp">
<div ng-controller="AppCtrl">
    <span>kid name is {{kids[0].name}}</span><br />
    <input type="text" ng-model="kids[0].name" value={{kids[0].name}} > <br />
    <span>kid age is  {{kids[0].age}}</span> <br />
    <input type="text" value={{kids[0].age}} >

    <div ng-repeat="kid in kids">
        <br />
        The kid's name is <strong id="name">{{kid.name}}</strong> and his age is {{kid.age}}
        <br />
        <input type="range" ng-model="kid.age" value="{{kid.age}}">
    </div>
</div>


孩子的名字是{{kids[0]。名字}}



儿童年龄为{{kids[0]。年龄}}



孩子的名字是{{kid.name}，他的年龄是{{kid.age}
您的小提琴配置不正确。您应该在AngularJs版本下面选择“无换行”

是最新的小提琴

除了更改设置外，您还需要向范围输入添加
ng model
，如@nubinub建议

<input type="range" ng-model="kid.age" value="{{kid.age}}">
您的小提琴配置不正确。您应该在AngularJs版本下面选择“无换行”

是最新的小提琴

除了更改设置外，您还需要向范围输入添加
ng model
，如@nubinub建议

<input type="range" ng-model="kid.age" value="{{kid.age}}">
您的小提琴配置不正确。您应该在AngularJs版本下面选择“无换行”

是最新的小提琴

除了更改设置外，您还需要向范围输入添加
ng model
，如@nubinub建议

<input type="range" ng-model="kid.age" value="{{kid.age}}">
您的小提琴配置不正确。您应该在AngularJs版本下面选择“无换行”

是最新的小提琴

除了更改设置外，您还需要向范围输入添加
ng model
，如@nubinub建议

<input type="range" ng-model="kid.age" value="{{kid.age}}">
我为什么要添加它？对于文本输入，它在没有它的情况下工作。
值
是冗余的，只需要
ng model
。我为什么要添加它？对于文本输入，它在没有它的情况下工作。
值
是冗余的，只需要
ng model
。我为什么要添加它？对于文本输入，它在没有它的情况下工作。
值
是冗余的，只需要
ng model
。我为什么要添加它？对于文本输入，它在没有它的情况下工作。
值
是多余的，只需要
ng型号
。正确的答案，来自nubinub的答案，实际上被否决并删除了！事实上，Angular与
ng模型
绑定，而不是与
值
绑定。再加上小提琴根本不起作用的事实（正如其他人指出的，它需要“不缠绕”选项）。@vlio20看看我的答案。正确的答案，来自努比努布的答案，实际上被否决并删除了！事实上，Angular与
ng模型
绑定，而不是与
值
绑定。再加上小提琴根本不起作用的事实（正如其他人指出的，它需要“不缠绕”选项）。@vlio20看看我的答案。正确的答案，来自努比努布的答案，实际上被否决并删除了！事实上，Angular与
ng模型
绑定，而不是与
值
绑定。再加上小提琴根本不起作用的事实（正如其他人指出的，它需要“不缠绕”选项）。@vlio20看看我的答案。正确的答案，来自努比努布的答案，实际上被否决并删除了！事实上，Angular与
ng模型
绑定，而不是与
值
绑定。再加上小提琴根本不工作的事实（正如其他人所指出的，它需要“无环绕”选项）。@vlio20看看我的回答，你发布的小提琴不工作（仍然没有绑定）。在输入字段中使用ng模型与AngularJS绑定并不真正相关，但这个小提琴使用Angular 1.0.2而不是1.2.1。。。不明白为什么要添加sanitize和resource，您发布的小提琴不起作用（仍然没有绑定）。在输入字段中也使用ng模型绑定AngularJS，但该小提琴使用Angular 1.0.2而不是1.2.1。。。不明白为什么要添加消毒和资源，你发布的提琴不起作用（仍然没有绑定）