如何在angularjs中过滤ng模型

我正在开发带有webapi 2的角度应用程序，它的输入形式包含输入值。我封装的输入值转换成对象“ALBUM”传递给角度支柱方法如何在angularjs中过滤ng模型

enter code here 



<form> 
      <div class="form-group row"> 
       <label for="inputAName" class="col-sm-3 col-form-label">Album Name</label> 
       <div class="col-sm-8"> 
        <input type="text" class="form-control" id="inputEmail3" placeholder="AlbumName" ng-model="album.Albm_Name"> 
       </div> 
      </div> 
      <div class="form-group row"> 
       <label for="inputPassword3" class="col-sm-3 col-form-label">Music Artist</label> 
       <div class="col-sm-8"> 
        <select ng-model="album.Aritist_id"> 
         <option ng-repeat="Artist in Artists" value="{{Artist.Artist_id}}">{{Artist.Artist_Name}}</option> 
        </select> 
       </div> 

      </div> 

      <div class="form-group row"> 
       <label for="inputRdate" class="col-sm-3 col-form-label">Released Date</label> 
       <div class="col-sm-8"> 
        <input type="date" class="form-control" id="inputPassword3" placeholder="date" ng-model="album.RelaeseDate"> 
       </div> 
      </div> 

      <div class="form-group row"> 
       <label for="inputImg" class="col-sm-3 col-form-label">Image of Album</label> 
       <div class="col-sm-8"> 
        <input type="file" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp" name="file" 
          ng-model="album.picture" base-sixty-four-input required onload="onLoad" maxsize="500" accept="image/*"> 

       </div> 
      </div>for 

      <div class="form-group row"> 
       <div class="col-sm-offset-9 col-sm-2"> 
        <button type="submit" class="btn btn-primary" ng-click="insertAlbum(album)">Save</button> 
       </div> 
      </div> 
     </form>

上面的代码，NG-模型=“album.picture”返回其包含多个值的对象“附加的图像文件”

我需要过滤album.picture只包含的base64字符串值，我该怎么办没有从视图

$scope.insertAlbum = function (album) { 
      var urlAlbum = 'http://localhost:8090/api/album'; 
      dataService.insertObject(urlAlbum, album).then(function (responce) { 
       alert("Success"); 
      }, function (eror) { 

       alert(eror.message); 
      }); 
     } 

public partial class tblAlbum 
{ 
    public tblAlbum() 
    { 
     this.tblTracks = new HashSet<tblTrack>(); 
    } 

    public int Albm_id { get; set; } 
    public Nullable<int> Aritist_id { get; set; } 
    public string Albm_Name { get; set; } 
    public Nullable<System.DateTime> RelaeseDate { get; set; } 
    public byte[] picture { get; set; } 

    public virtual tblArtist tblArtist { get; set; } 
    public virtual ICollection<tblTrack> tblTracks { get; set; } 
}

来源

2017-08-25 christopher

打破了专辑对象只是我找到了解决办法那就是：

$scope.insertAlbum = function (album) { 
      var urlAlbum = 'http://localhost:8090/api/album'; 
      album.picture = $scope.file.base64; 
      dataService.insertObject(urlAlbum, album).then(function (responce) { 
       alert("Success"); 
      }, function (eror) { 

       alert(eror.message); 
      }); 
     }

手动我创建了一个图象属性和使用$范围

asigned视图的输入值

来源

2017-08-25 12:09:09 christopher

如何在angularjs中过滤ng模型

回答

相关问题