我尝试在输入标签上使用ng-model和类型文件:
<input type="file" ng-model="vm.uploadme" />
但是在选择文件后,在控制器中,$ scope.vm.uploadme仍未定义.
如何在控制器中获取所选文件？
我有一个文本输入,我不想让用户使用空格,键入的所有内容都将变为小写.
我知道我不允许在ng-model上使用过滤器,例如.
ng-model='tags | lowercase | no_spaces'
我查看了创建自己的指令但是添加了函数$parsers并且$formatters没有更新输入,只更新了其他元素ng-model.
如何更改我正在输入的输入？
我本质上是在尝试创建"标签"功能,就像StackOverflow上的功能一样.
dom-manipulation angularjs angularjs-filter angularjs-ng-model
我试图允许用户使用ngRepeat和编辑项目列表ngModel.(看到这个小提琴.)但是,我尝试过的两种方法都会导致奇怪的行为:一个不更新模型,另一个模糊每个keydown上的形式.
我在这里做错了吗？这不是支持的用例吗？
以下是小提琴的代码,为方便起见而复制:
<html ng-app>
<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
</head>
<body ng-init="names = ['Sam', 'Harry', 'Sally']">
<h1>Fun with Fields and ngModel</h1>
<p>names: {{names}}</p>
<h3>Binding to each element directly:</h3>
<div ng-repeat="name in names">
Value: {{name}}
<input ng-model="name">
</div>
<p class="muted">The binding does not appear to be working: the value in the model is not changed.</p>
<h3>Indexing into the array:</h3>
<div ng-repeat="name in names">
Value: {{names[$index]}}
<input ng-model="names[$index]">
</div>
<p class="muted">Type one character, and the input …在提出这个问题之前我曾提到这一点.
AngularJs不与ng-model绑定ng-checked
如果在旁边ng-checked进行评估,则不会更新.我不能像上面的问题那样建议,因为我必须为每个复选框使用一些样式.truehtmlng-modelng-repeat
这是我创建的用于说明我的问题的plunker.
http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t
要查看我想要的内容,请打开控制台,然后单击Submit按钮.请不要勾选任何复选框.
提前致谢!
注意:我是Angular的新手,所以请原谅任何新来的愚蠢.
细节
问题
compiler.es5.js:1689未捕获错误:模块'ProjectsModule'导入的意外指令'ProjectsListComponent'.请添加@NgModule注释.
应用模块
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { environment } from '../environments/environment';
import { ProjectsModule } from './projects/projects.module';
import { HttpModule } from '@angular/http';
@NgModule({
imports: [
BrowserModule,
HttpModule,
ProjectsModule,
AngularFireModule.initializeApp(environment.firebase, 'AngularFireTestOne'), // imports firebase/app …据我所知,ng-model设置了分配模型的特定元素的值.鉴于ng-value与ng-model有何不同？
javascript angularjs angularjs-directive angularjs-ng-model angularjs-ng-value
我想使用格式化数字输入来向用户显示千位分隔点,当他输入大数字时.这是我使用的指令代码:http://jsfiddle.net/LCZfd/3/
当我使用input type="text"它时,但是当我想使用input type="number"它时,当用户输入大数字时,它会被某些东西清理掉.
有什么问题input[number]？
我有一个包含3个复选框的表单:" 全选 "," 选项1 "和" 选项2 ".
<form id="selectionForm">
<input type="checkbox" ng-model="selectAll" >Select all
<br>
<input type="checkbox" ng-checked="selectAll" checked>Option 1
<br>
<input type="checkbox" ng-checked="selectAll">Option 2
</form>
在初始页面加载我想只 选择1进行检查.然后,如果选中全选复选框,它应自动检查选项1和选项2,以便选择所有选项.
问题是在初始页面加载时,ng-checked ="selectAll"被评估,这会覆盖我最初只检查选项1的尝试(selectAll = false最初),因此没有选择任何内容.
这似乎是一个简单的问题需要解决,但我无法找到解决方案......提前感谢任何见解或建议!
我的ngModel在选择未显示为已选中时出现问题.id和name都匹配但不起作用,请参阅selectedState.将模型指向options数组中的实际对象,请参阅selelectedState2.不知道发生了什么......
小提琴:http: //jsfiddle.net/fedorsmirnoff/b49n4Ldp/2/
<select ng-model="selectedState" ng-options="state.name for state in stateOptions"></select>
<select ng-model="selectedState2" ng-options="state.name for state in stateOptions"></select>
function MainCtrl($scope) {
$scope.stateOptions = [
{id: 1, name: "Alaska"},
{id: 2, name: "Montana"},
{id: 3, name: "Nebraska"},
{id: 4, name: "Texas"}
]
$scope.selectedState = {id: 2, name: "Montana"};
$scope.selectedState2 = $scope.stateOptions[1];
}
javascript angularjs angularjs-ng-options angularjs-ng-model
我正在学习AngularJS.我遇到了一些我无法解释的事情,也没有找到任何解释(或解决方案).
我有一个简单的AngularJS应用程序,我试图绑定<span contenteditable="true">一个值,但它不起作用.例如:
<!-- Works as expected -->
<input data-ng-model="chunk.value"></input>
<!-- Shows value, but doesn't bind - changes not reflected in model -->
<span contenteditable="true">{{chunk.value}}</span>
<!-- This is empty -->
<span contenteditable="true" data-ng-model="chunk.value"></span>
如何使最后一个跨度使用双向绑定,以便编辑其值更新chunk.value,反之亦然？
javascript html5 contenteditable angularjs angularjs-ng-model
angularjs ×9
javascript ×3
html5 ×2
angular ×1
angular-cli ×1
checkbox ×1
html ×1
typescript ×1