Poner un checkbox en checked si el valor es True en Angular 7

Buen dia

Requiero su ayuda ya que necesito que los checkbox de mi select multi opcion de Angular material que reciban el valor “true” de la base de datos, automaticamente se pongan con palomita o “checked”.

Como puedo lograr esto?

Codigo HTML

  <ng-container matColumnDef="foros">             <th mat-header-cell *matHeaderCellDef style="text-align: center;align-items: center">Foros</th>             <td mat-cell *matCellDef="let element">               <mat-form-field>               <mat-label>Foros</mat-label>               <mat-select [formControl]="toppings" multiple>               <mat-option *ngFor="let dato of element.optionsForos" [value]="dato.val">{{dato.label}}</mat-option>               </mat-select>               </mat-form-field></td>           </ng-container> 

Codigo TS

public transfromData(datos: Array<any>){      return datos.map(dato => {        dato["optionsForos"] = [         {           val: dato.autoevaluacion,           label: "Autoevaluacion"         },         {           val: dato.rt_funcionarios,           label: "RT_Funcionarios"         },         {           val: dato.reporteadores,           label: "Reporteadores"         },         {           val: dato.reporteadores_gerentes,           label: "Reporteadores_Gerentes"         },         {           val: dato.rt_gerentes,           label: "RT_Gerentes"         },         {           val: dato.contrato_funcionarios,           label: "Contratos_Funcionarios"         },         {           val: dato.rt_jefes,           label: "RT_Jefes"         },         {           val: dato.contrato_gerentes,           label: "Contrato_Gerentes"         },       ]   ;        console.log(dato)        return dato;      });    }    public async obtenerUsuarios(){     let data;     this.tablaUsuarios = await this.forosServicio.getUsuarios(data);     console.log(this.tablaUsuarios)     this.tablaUsuarios = this.transfromData(this.tablaUsuarios);     this.dataSource = new MatTableDataSource<any>(this.tablaUsuarios);     console.log(this.dataSource)    } 

Actualmente el select luce asi:

introducir la descripción de la imagen aquí

Pero que quisiera de que de recibir la combinacion [true,true,false,false,false,false,true,true], se viera automaticamente asi:

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

¿Poner texto del carousel bootstrap arriba?

¿Como puedo subir el texto hacia arriba? me lo pone hacia abajo.

le puedo meter un padding, pero creo que no es la forma correcta de subirlo, ademas me daria error a la larga, he estado buscando tutoriales y no encuentro la manera, si me podeis ayudar lo agradeceria, os paso la pagina web para que veais como el texto esta puesto abajo, tambien me gustaria ponerle una box con opacidad para que se vea mejor el texto, por que con las imágenes se puede ver mal.

stealand

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">         <ol class="carousel-indicators">             <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>             <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>             <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>         </ol>         <div class="carousel-inner">             <div class="carousel-item vh-100 active">                 <img class="d-block w-100" src="https://wallpaperplay.com/walls/full/4/2/2/234831.jpg" alt="First slide">                 <div class="carousel-caption d-none d-md-block">                     <h1 class="display">Lorem ipsum dolor sit amet.</h1>                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, repellendus.</p>                 </div>             </div>             <div class="carousel-item vh-100">                 <img class="d-block w-100" src="https://wallpaperplay.com/walls/full/f/8/a/234838.jpg" alt="Second slide">                 <div class="carousel-caption d-none d-md-block">                     <h5>Lorem ipsum dolor sit amet.</h5>                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, repellendus.</p>                 </div>             </div>             <div class="carousel-item vh-100">                 <img class="d-block w-100" src="https://wallpaperplay.com/walls/full/1/d/4/234836.jpg" alt="Third slide">                 <div class="carousel-caption d-none d-md-block">                     <h5>Lorem ipsum dolor sit amet.</h5>                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, repellendus.</p>                 </div>             </div>         </div>         <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>                 <span class="sr-only">Previous</span>             </a>         <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">                 <span class="carousel-control-next-icon" aria-hidden="true"></span>                 <span class="sr-only">Next</span>             </a>      </div> 
.carousel-item {   position: relative;   display: none;   float: left;   width: 100%;   margin-right: -100%;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   transition: -webkit-transform 0.6s ease-in-out;   transition: transform 0.6s ease-in-out;   transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }  .carousel-caption {   position: absolute;   right: 15%;   bottom: 20px;   left: 15%;   z-index: 10;   padding-top: 20px;   padding-bottom: 20px;   color: #fff;   text-align: center; }  

Poner width a ciertos inputs diferente habiendo una clase “input” general aplica para todos

Buen dia, tengo la siguiente clase que se aplica para todos los inputs del DOM

input {   background: #ffffff;   color: #000000;   padding-left:10px;   padding-top:5px;   padding-bottom:5px;   margin-left: 5px;   margin-top: 0px;   margin-bottom: 5px;   border-radius: 4px;   box-sizing: border-box;   transition: .5s ease;   border: 2px solid #000000;   width: 100%;   max-width: 500px;   box-sizing: border-box;   background: #ffffff;   color: #000000; } input:hover {   padding-left: 30px;   background: #ffffff;   -webkit-box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;   box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;   border-radius: 4px;   border: 2px solid black; } input:focus {   padding-left: 25px;   /*background: rgba(255,253,232,1);*/ } 

Quisiera ponerle a unos cuantos inputs un ancho de 50px ya que se digitará valores cortos en ellos, que queden como los de la clase solo que no sea tan ancho, intenté ponerle el atributo witdh=”50″ pensando que tendría preferencia pero no lo toma, es como si la clase mencionada tuviera mas prevalencia sobre ese atributo, es posible que a esos cuantos inputs, me tome todo lo de la clase pero con un width de 50px?

Poner en edición una celda de DataGridView desde el evento Load de un formulario

Trabajo con Windows Forms, Visual Studio 2019

Tengo la necesidad de poner en edición una celda del DataGridView desde el evento load del formulario.

He intentado de la siguiente manera

private void FrmRecuento_Load(object sender, EventArgs e)     {         int index = 0;         Utilidades.CentrarFrm(this);         lblEfectivoCaja.Text = Convert.ToString(_efectivoCaja);         LoadDgvRecuento();         if (dgvRecuento.Rows.Count > 0 && dgvRecuento.CurrentRow != null)         {             dgvRecuento.SelectionMode = DataGridViewSelectionMode.FullRowSelect;             index = dgvRecuento.CurrentCell.RowIndex;             dgvRecuento.CurrentCell = dgvRecuento.Rows[index].Cells["colCantidad"];             dgvRecuento.BeginEdit(true);         }      } 

El problema que tengo es que no queda en estado de edición la celda que indico, no se como tomar el index de la primera fila del DGV.

¿Como puedo solucionarlo? Saludos!

¿Como poner nombres a los ejes de una grafica en Python?

Re-hice un código para calcular inversiones (no es muy bueno pero funciona bien) pero estoy teniendo problemas para poder ponerle nombre a los ejes para el tiempo y el dinero que puede ganar ¿Que tengo que hacer para ponerles nombres a los ejes? a estoy usando el módulo de matplotlib

#Esta es la parte de la grafica   x = np.zeros(n)  y = np.zeros(n)  tiempo = 0  for i in range(0, n):    #la n es la variable que introducirá el usuario        tiempo = tiempo+1 #el tiempo avanzara de uno en uno en años      x[i] = tiempo      y[i] = interes(cantidad, tasa, tiempo, periodo)    plt.scatter(x, y, color = 'green') 

chart.js poner labels encima de barras o dentro de ellas

introducir la descripción de la imagen aquíBuen día quiero poner los labels dentro de las barras o de preferencia encima de ellas, pongo solo una parte del código ya que este se extiende demasiado por las variables y las condicionales en estas, esta chart de barras lo trabajé en horizontal.

                 var ctx =  document.getElementById("myChart2").getContext("2d");                    var myChart2 = new Chart(ctx, {                      type: 'horizontalBar',                      data: {                         labels: [""],                        datasets: [{                          label: 'Condiciones en el ambiente de trabajo',                           backgroundColor: [                            colorm,                          ],                          data: [m]                        }                        }                    options:{                      responsive: true,                      legend:{                        display:true,                        position:'left',                        padding:{                            bottom:0,                          top:90,                        },                         labels:{                          fontColor:'#313131',                          fontSize: 18,                          position:'left',                         }                      },                      layout:{                        padding:{                          left:50,                          right:50,                          bottom:20,                          top:70,                          cornerRadiusTopLeft: 15,                          cornerRadiusTopRight: 15                        }                      },                      scales : {                               yAxes : [{                                 ticks : {                                     min : 0                                 },                          hoverBackgroundColor:'#393939'                             }]                         },                    }                    });                  </script> 

desde el options se introducen los valores para lograr lo que quiero pero desconozco como y y busque información.

poner tope a entero SQL Server

Hola buenas Estoy creando una tabla en mi base de datos y necesito ponerle un tope a la cantidad de ID posibles. Quiero que como máximo hayan 5000 ID’s

Esta es mi sentencia de creacion de la tabla:

CREATE TABLE Empleados( 	Id INT PRIMARY KEY, 	Nombre VARCHAR(100) )

Como puedo ponerle un maximo a mi campo Id? Desde ya muchas gracias

poner un ternario a una funcion en javascript

tengo un pequeño problema y es que estoy colocando un ternario para unas variables para que al rellenar unos valores no me de como null pero ahora me da un error y me dice que setDate tambien da null me pudieran ayudar porfa

function doWork(){     makeCall('data/getSchedule.php','',function(err,res){         var lastMovedDay= res.lastDay;         var lastExecDay= res.lastExec;          if($  ("input[name=tipo]:checked").val()=="especifico"){             var _firstExec= $  ('#1Ejecucion').val();             var _dayExec= $  ('#diaEjecucion').val();             var arrayDate= _firstExec == null ? null: _firstExec.split('-');             var _hour= $  ("#horaEspecifica").val();             var _begin= $  ("#diaDesde").val();             var _end= $  ("#diaHasta").val();             var date= new Date(arrayDate[0], (arrayDate[1]-1), arrayDate[2]);             var arrayLastExec = lastMovedDay == null ? null : lastMovedDay.split('-');             var lastDate= arrayLastExec == null ? null : new Date(arrayLastExec[0], arrayLastExec[1]-1, arrayLastExec[2]);             lastDate.setDate (lastDate.getDate() + 7);             if(_dayExec==days[date.getDay()]){                 if(lastDate<=date){                                      params = {                         dayExec:_dayExec,                         hour:_hour,                         firstExec:_firstExec,                         begin:_begin,                         end:_end                     }                     makeCall('data/guardarCalendarizacion.php',params,function(err,res){                         alert("Calendarización Actualizada");                     });                 }                 else{                     alert("La fecha de primera ejecución debe ser mayor al  "+ lastDate.toISOString().slice(0, 10));                 }             }             else{                 alert("El día de primera ejecución debe ser un "+ $  ('#diaEjecucion').val());             }         }         else{             var _hour= $  ("#horaRecurrente").val();             var _rec=parseInt($  ("#diasRec").val());             var today= new Date();             today.setHours(0,0,0,0);             var arrayLastDay= lastMovedDay == null ? null: lastMovedDay.split('-');                      var lastDate= arrayLastDay == null ? null : new Date(arrayLastDay[0], arrayLastDay[1]-1, arrayLastDay[2]);             lastDate.setDate(lastDate.getDate()+1);             var limitMin= new Date(today);                       limitMin.setDate(limitMin.getDate() - _rec);                         var limit= new Date(today);             limit.setDate(limit.getDate() -1);             var next= new Date(today);             next.setDate(next.getDate() + _rec-1);             console.log(_rec+ " "+limitMin + " "+ lastDate);             var save= true;              if(limitMin>lastDate){                 console.log("mayor");                 limitMin.setDate(limitMin.getDate()-1);                 var r = confirm("Los tiempos del rango "+ lastDate.toISOString().slice(0, 10)+" - "+limitMin.toISOString().slice(0, 10)+ " no se va trasladar. \n ¿Desea Guardar la calendarización?");                 if (!r) {                     save=false;                 }                        }             if(save){                 params = {                     hour:_hour,                     rec:_rec                 }                 makeCall('data/guardarCalendarizacion.php',params,function(err,res){                     alert("Calendarización Actualizada");                 });             }         }      }); } 

como se puede ver en las anteriores lineas antes de setDate colocque un ternario para indicarle a las variables que se le sigen el valor de null al array pero quisiera que me ayudaran para saber como corregir y colocarle el ternario a la linea lastDate.setDate(lastDate.getDate()+1);

getSchedule.php

<?php  require_once('data.php'); header('Content-Type: application/json; charset=UTF-8;'); //config $  dbhost = $  hostname; $  dbname = $  database;  //connection $  m = new MongoClient("mongodb://$  dbhost"); $  db = $  m -> $  dbname;  //selecting collection $  calendario = $  db->ejecucion;  $  result = $  calendario->findOne(); if($  result['recurrence']){     $  return = array(         'recurrence'=>true,         'rec'=>$  result['period'],         'hour'=>$  result['hour'],         'min'=>$  result['min'],         'lastExec'=>$  result['last_execution'],         'lastDay' =>$  result['last_day']     ); } else{     $  return = array(         'recurrence'=>false,         'dayExec'=>$  result['day_week'],         'hour'=>$  result['hour'],         'min'=>$  result['min'],         'lastExec'=>$  result['last_execution'],         'firstExec'=>$  result['first_execution'],         'begin'=>$  result['range']['start'],         'end'=>$  result['range']['end'],         'lastDay' =>$  result['last_day']     ); }  echo json_encode($  return, JSON_UNESCAPED_UNICODE);   ?>