עזרה בתכנית באנגולר - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

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


haim.hdd

Recommended Posts

שלום,

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

 

!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';
    }
}

 

 

 

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

חיים

 

 

קישור לתוכן
שתף באתרים אחרים

ארכיון

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

×
  • צור חדש...