角度材質：ここに表示

Question

でManpulating NG-モデル値は、私の見解では

<content class="md-whiteframe-5dp" layout-padding> 
     <div layout="row"> 
      <md-input-container flex="33"> 
       <label>First Name</label> 
       <input ng-model="firstname" type="text"/> 
      </md-input-container> 
      <md-input-container flex="33"> 
       <label>Middle Name</label> 
       <input ng-model="middlename" type="text"/> 
      </md-input-container> 
      <md-input-container flex="33"> 
       <label>Last Name</label> 
       <input ng-model="lastname" type="text"/> 
      </md-input-container> 
     </div> 

     <div layout="row"> 
      <md-input-container flex="66"> 
       <label>User Name</label> 
       <input ng-model="username" type="hidden" /> 
       {{firstname}}.{{lastname}} 
      </md-input-container> 
      </div> 

モデルfirstnameとlastnameの最初の3つの文字を連結した文字列として生成されなければならないusernameモデルです。平均ユーザー名アブラハムリンカーンは、abrlinです。そして、同じ名前で、姓の名前を表示する必要があります。

上記のコードに従って、{{firstname}}.{{lastname}}と書いても大丈夫ですが、部分文字列を生成するのは私が探しているものです。

私は要件が取り上げられるべきではどのよう

angular.module("customerModule", ['ngAnimate', 'ngMaterial']) 
     .controller('AppCtrl', 
     function ($scope) { 
      $scope.username = $scope.firstname.substring(0, 3) + "." + $scope.lastname.substring(0, 3); 
     } 
    ); 

function getSubStr(stringValue, stringLen) { 
    return stringValue.substring(0, stringLen); 
} 

を動作しませんでしたコードの下にしようとしました？

Answer 1

が他の関数substring()を作成する必要はあり、それはこの

$scope.username = $scope.firstname.substr(0, 3) + $scope.lastname.substring(0, 3); 

substr()ようにする必要がありますにはJavaScriptが提供する組み込みの機能です。あなたはそれについてもっと読むことができますhere。