如何在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模型

回答

相關問題