עבור לתוכן

עזרה בתכנית באנגולר

Featured Replies

פורסם

שלום,

הקוד הבא קולט מתיבת טקסט קלטים, אם הקלט הוא אלכס, הוא צובע את הרקע בצהוב, אחרת הוא צובע באדום. אני רוצה לעבוד עם יותר משם אחד ויותר מצבע שני צבעים. לשם כך עליי לשלב פונקציה (כפי שרשום בקוד). אבל אין לי מושג איך לקשר אותה לקוד שרשמתי. אני יודע שצריך להוסיף אותה לקונטרולר, אבל אין לי מושג. אני מדגיש שאני מתלמד.

 

!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  <body ng-app="">
    <label>Enter your name:</label>
    <input type = "text" data-ng-model = "name" placeholder = "Insert your name:" />
    <h1 data-ng-if="name" >Hello    
      <span data-ng-style ="{'background-color': calculateBackgroundColor(name)}"> {{name}}</span>  </h1>
    <div data-ng-bind = "name"> </div>
    <button data-ng-click ="name = 'Alex'"> Fill your name</button>
  </body>
</html>

 

 

להלן הפונקציה שאני רוצה להוסיף:

 

function calculateBackgroundColor(name) {
    switch(name) {
        case 'Alex':
            return 'red';
        default:
            return 'blue';
    }
}

 

 

 

תודה על העזרה,

חיים

 

 

פורסם
  • מחבר

לא משנה. הצלחתי

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים